
.why-intro,.why-section{margin:20px 0;padding:24px;border:1px solid #37516e;border-radius:17px;background:linear-gradient(135deg,#12263e,#102033);color:#eaf2ff}.why-intro h2,.why-section h2{margin:7px 0;font-size:clamp(1.35rem,2.7vw,2rem)}.why-intro p,.why-section p{color:#c7d7e9;line-height:1.6}.why-tags{display:flex;gap:8px;flex-wrap:wrap}.why-tags span{background:#203a55;color:#c6e5ff;padding:7px 10px;border-radius:30px;font-size:.76rem}.why-tooltip{position:fixed;z-index:9999;width:min(390px,calc(100vw - 28px));max-height:min(68vh,550px);overflow:auto;pointer-events:none;background:#101f33;color:#edf5ff;border:1px solid #65a9f0;border-radius:14px;padding:15px;box-shadow:0 18px 50px #000b;font-size:13px}.why-tooltip[hidden]{display:none}.why-tooltip h3{margin:0 0 6px;font-size:16px}.why-tooltip p{margin:6px 0 10px;line-height:1.45}.why-tooltip strong,.why-detail strong{color:#a7d4ff}.why-detail{padding:14px;background:#12273e;border:1px solid #355778;border-radius:12px;margin-top:10px;color:#e7f2ff}.why-detail p{margin:7px 0 12px;line-height:1.5}.why-meta{color:#a5b9d0;font-size:12px}.why-task-layout label{display:block;margin:15px 0;color:#d8e8fb}.why-task-layout select{display:block;margin-top:7px;max-width:100%;padding:9px;background:#192d46;color:white;border:1px solid #486482;border-radius:8px}.why-task-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.why-task-card{background:#1a3049;border:1px solid #35516e;padding:16px;border-radius:12px}.why-task-card b{display:block;margin-bottom:8px}.why-task-card span{color:#bdd0e6;font-size:13px}.why-scatter-wrap{overflow-x:auto}.why-scatter-wrap svg{width:100%;min-width:540px;height:auto;background:#102139;border-radius:10px}.why-scatter-wrap circle{cursor:pointer;stroke:#0b1728;stroke-width:2}.why-scatter-wrap circle:focus{stroke:#fff;stroke-width:4;outline:none}.why-scatter-key{font-size:12px;color:#abc2dc;margin-top:9px}.role-row:focus-visible,.occupation-node:focus-visible{outline:3px solid #a7d4ff!important}@media(max-width:680px){.why-intro,.why-section{padding:16px}.why-tooltip{display:none!important}}
