/* Loaded only by the environment template; scoped to its data section. */
.recruit-environment-page .env-data .metric-card { min-width:0; padding:30px 28px 26px; color:#181b1c; border:1px solid #d9dddd; background:#fff; text-align:center; }
.recruit-environment-page .env-data .metric-card:nth-child(2n) { border-top-color:#d9dddd; }
.recruit-environment-page .env-data .metric-card h3 { padding:0; font-size:18px; line-height:26px; }
.recruit-environment-page .env-data .metric-card__num { min-height:78px; margin-top:12px; padding:0; border:0; font-size:72px; }
.recruit-environment-page .env-data .metric-card--wide .metric-card__num { font-size:64px; }
.recruit-environment-page .env-data .metric-card__num span { margin-left:9px; }
.recruit-environment-page .env-data .metric-card p:not(.metric-card__num) { margin-top:18px; padding-top:17px; border-top:1px solid #e4e7e7; font-size:14px; line-height:1.6; }
.recruit-environment-page .env-data .metric-visual { height:168px; margin-top:20px; display:flex; align-items:center; justify-content:center; color:#303638; }
.recruit-environment-page .env-data .metric-visual *, .recruit-environment-page .env-data .metric-visual *::before, .recruit-environment-page .env-data .metric-visual *::after { box-sizing:border-box; }
.recruit-environment-page .env-data .metric-ring { width:154px; height:154px; padding:15px; border-radius:50%; background:conic-gradient(#303638 var(--metric-share), #e8ebeb 0); }
.recruit-environment-page .env-data .metric-ring__center { width:100%; height:100%; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; }
.recruit-environment-page .env-data .metric-sprout { position:relative; width:70px; height:70px; }
.recruit-environment-page .env-data .metric-sprout::before { content:""; position:absolute; width:4px; height:40px; background:currentColor; left:33px; top:27px; }
.recruit-environment-page .env-data .metric-sprout::after { content:""; position:absolute; width:42px; height:3px; background:currentColor; left:14px; bottom:1px; }
.recruit-environment-page .env-data .metric-sprout i { position:absolute; width:31px; height:24px; top:15px; left:4px; background:#a4afb0; border-radius:0 22px 0 22px; }
.recruit-environment-page .env-data .metric-sprout i + i { left:35px; top:3px; height:33px; background:currentColor; border-radius:28px 0 28px 0; }
.recruit-environment-page .env-data .metric-glasses { display:flex; gap:10px; position:relative; }
.recruit-environment-page .env-data .metric-glasses i { width:34px; height:29px; border:4px solid currentColor; border-radius:7px 7px 14px 14px; }
.recruit-environment-page .env-data .metric-glasses::before { content:""; position:absolute; top:7px; left:33px; width:12px; height:4px; background:currentColor; }
.recruit-environment-page .env-data .metric-glasses::after { content:""; position:absolute; top:-5px; left:-4px; width:86px; height:14px; border-left:4px solid currentColor; border-right:4px solid currentColor; }
.recruit-environment-page .env-data .metric-globe { position:relative; width:76px; height:76px; border:3px solid currentColor; border-radius:50%; overflow:hidden; }
.recruit-environment-page .env-data .metric-globe::before { content:""; position:absolute; inset:-3px 17px; border:2px solid currentColor; border-radius:50%; }
.recruit-environment-page .env-data .metric-globe::after { content:""; position:absolute; top:33px; left:0; width:100%; border-top:2px solid currentColor; }
.recruit-environment-page .env-data .metric-globe i { position:absolute; inset:16px -4px; border-top:2px solid currentColor; border-bottom:2px solid currentColor; border-radius:35%; }
.recruit-environment-page .env-data .metric-factory { position:relative; width:178px; height:133px; border-bottom:3px solid currentColor; }
.recruit-environment-page .env-data .metric-factory__chimney { position:absolute; bottom:3px; right:12px; width:24px; height:125px; background:#a4afb0; border-top:7px solid currentColor; }
.recruit-environment-page .env-data .metric-factory__roof { position:absolute; left:6px; right:6px; top:29px; height:43px; background:currentColor; clip-path:polygon(0 100%,0 65%,33.33% 0,33.33% 65%,66.66% 0,66.66% 65%,100% 0,100% 100%); }
.recruit-environment-page .env-data .metric-factory__building { position:absolute; bottom:0; left:6px; right:6px; height:65px; background:currentColor; padding:12px 17px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px 16px; }
.recruit-environment-page .env-data .metric-factory__building i { background:#fff; }
.recruit-environment-page .env-data .metric-people { display:grid; grid-template-columns:repeat(7,15px); gap:4px 11px; }
.recruit-environment-page .env-data .metric-person { position:relative; display:block; width:15px; height:20px; color:#303638; }
.recruit-environment-page .env-data .metric-person::before { content:""; position:absolute; width:7px; height:7px; left:4px; border-radius:50%; background:currentColor; }
.recruit-environment-page .env-data .metric-person::after { content:""; position:absolute; width:13px; height:11px; bottom:0; left:1px; border-radius:5px 5px 1px 1px; background:currentColor; }
.recruit-environment-page .env-data .metric-person--light { color:#a4afb0; }
.recruit-environment-page .env-data .metric-calendar { position:relative; width:154px; height:129px; margin-top:12px; border:3px solid currentColor; border-top-width:27px; border-radius:5px; }
.recruit-environment-page .env-data .metric-calendar__binding::before, .recruit-environment-page .env-data .metric-calendar__binding::after { content:""; position:absolute; top:-38px; width:7px; height:23px; border:2px solid #fff; background:currentColor; border-radius:4px; }
.recruit-environment-page .env-data .metric-calendar__binding::before { left:28px; }
.recruit-environment-page .env-data .metric-calendar__binding::after { right:28px; }
.recruit-environment-page .env-data .metric-calendar__days { padding:15px 12px; display:grid; grid-template-columns:repeat(7,1fr); gap:9px 7px; }
.recruit-environment-page .env-data .metric-calendar__days i { height:9px; background:#dce1e1; border-radius:1px; }
.recruit-environment-page .env-data .metric-calendar__days i:nth-child(7n), .recruit-environment-page .env-data .metric-calendar__days i:nth-child(7n + 1) { background:#303638; }
@media (min-width:768px) and (max-width:1100px) {
.recruit-environment-page .env-data .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
.recruit-environment-page .env-data .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; margin-top:32px; }
.recruit-environment-page .env-data .metric-card { padding:20px 10px 16px; }
.recruit-environment-page .env-data .metric-card h3 { font-size:clamp(13px,3.5vw,16px); line-height:22px; white-space:nowrap; }
.recruit-environment-page .env-data .metric-visual { height:108px; margin-top:10px; }
.recruit-environment-page .env-data .metric-visual > div { flex-shrink:0; transform:scale(.6); }
.recruit-environment-page .env-data .metric-card__num { min-height:48px; margin-top:6px; font-size:clamp(38px,10.5vw,52px); white-space:nowrap; }
.recruit-environment-page .env-data .metric-card--wide .metric-card__num { font-size:clamp(34px,9.2vw,46px); }
.recruit-environment-page .env-data .metric-card__num span { margin-left:4px; font-size:16px; }
.recruit-environment-page .env-data .metric-card p:not(.metric-card__num) { min-height:51px; margin-top:10px; padding-top:12px; font-size:12px; line-height:1.6; text-wrap:balance; }
}