/* JEM-60: /tools/5-whys and /tools/fishbone page around the 5 Whys Cause Tree and the Fishbone Cause Board
   (light DOM only; each screen is in a shadow root). First paint shows a skeleton in the screen's layout;
   it disappears when the shadow root attaches. */
.rca-host{display:block;margin:0;padding:0;background:none;border:0;box-shadow:none;min-height:60vh}
.rca-host .wl-fields{display:none!important}
.rca-host .rca-skeleton{display:grid;gap:16px;font-family:Manrope,system-ui,sans-serif}
.rca-host .rca-skel-card{background:#fff;border:1px solid #D5E0EE;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.rca-host .rca-skel-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rca-host .rca-skel-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:16px}
.rca-host .rca-skel-main{min-height:360px}
.rca-host .rca-skel-side{background:#111C2B;border-color:#111C2B;justify-content:center;min-height:240px}
.rca-host .rca-skel{display:block;border-radius:8px;background:linear-gradient(100deg,#E9EEF5 20%,#F5F7FA 40%,#E9EEF5 60%) 0 0/250% 100%;animation:rca-shimmer 1.4s ease-in-out infinite}
.rca-host .rca-skel-side .rca-skel{background:linear-gradient(100deg,rgba(255,255,255,.08) 20%,rgba(255,255,255,.18) 40%,rgba(255,255,255,.08) 60%) 0 0/250% 100%}
.rca-host .rca-skel-chip{width:120px;height:24px;border-radius:999px}
.rca-host .rca-skel-line{width:70%;height:14px}
.rca-host .rca-skel-short{width:40%}
.rca-host .rca-skel-step{height:44px;border-radius:12px}
.rca-host .rca-skel-block{height:88px;border-radius:14px}
.rca-host .rca-skel-indent{margin-left:32px}
.rca-host .rca-skel-indent2{margin-left:64px}
.rca-host .rca-skel-big{width:45%;height:40px}
.rca-host .rca-skel-strip{width:100%;height:16px}
.rca-host .rca-skel-diagram{position:relative;flex:1 1 auto;min-height:260px;border:1px solid #E9EEF5;border-radius:14px;background:#fff;padding:0}
.rca-host .rca-skel-spine{position:absolute;left:4%;right:24%;top:50%;height:6px}
.rca-host .rca-skel-head{position:absolute;right:3%;top:calc(50% - 32px);width:19%;height:64px;border-radius:12px}
.rca-host #fishbone-notice{margin:12px 0 0;font-weight:600;color:#0B5D2F}
.rca-host #fishbone-notice:empty{display:none}
.rca-host .rca-error{margin:0;padding:16px 20px;border-radius:14px;background:#FDECEA;color:#8A1C14;font:600 15px/1.4 Manrope,system-ui,sans-serif}
@keyframes rca-shimmer{to{background-position:-150% 0}}
@media(max-width:860px){.rca-host .rca-skel-body{grid-template-columns:minmax(0,1fr)}.rca-host .rca-skel-main{min-height:280px}.rca-host .rca-skel-side{min-height:160px}.rca-host .rca-skel-steps{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.rca-host .rca-skel{animation:none}}
main .rca-more{margin-top:18px}