/* White and pale-blue visual layer, plus micro-chart and guidance controls. */
body{background:linear-gradient(135deg,#fff 0,#eaf9ff 50%,#fff 100%)!important}body:before{opacity:.12!important;background:radial-gradient(circle at 20% 30%,#b9eefa 0 2px,transparent 3px) 0 0/46px 46px!important}.content-area{background:rgba(255,255,255,.92)!important}.sidebar{background:linear-gradient(180deg,#0b5685,#1179a7 55%,#0e5f8c)!important}.visual-strip{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;margin:0 0 18px}.visual-tile{position:relative;overflow:hidden;min-height:116px;padding:15px;border:1px solid #d7ecf6;border-radius:14px;background:linear-gradient(145deg,#fff,#eaf9ff);box-shadow:0 8px 17px rgba(18,104,148,.07)}.visual-tile h3{margin:0;color:#185273;font-size:13px}.visual-tile p{margin:3px 0 0;color:#7391a5;font-size:11px}.micro-line{display:block;width:100%;height:63px;margin-top:6px}.micro-grid{stroke:#d8edf5;stroke-width:1}.micro-stroke{fill:none;stroke:#109dc9;stroke-width:3;stroke-linecap:round}.ring-mini{position:absolute;right:15px;bottom:14px;width:70px;height:70px;border-radius:50%;background:conic-gradient(#20b6d6 0 78%,#a8e7f4 78% 100%)}.ring-mini:after{content:"QC\A78%";white-space:pre;display:grid;place-items:center;position:absolute;inset:13px;border-radius:50%;background:#fff;color:#176080;font-size:11px;font-weight:800;text-align:center}.progress-stack{display:grid;gap:8px;margin-top:15px;padding-right:8px}.progress-stack div{display:grid;grid-template-columns:40px 1fr 26px;gap:6px;align-items:center;color:#628398;font-size:10px}.progress-stack i{height:7px;border-radius:10px;background:#dff1f7}.progress-stack i:after{content:"";display:block;width:var(--w);height:100%;border-radius:inherit;background:#35b9d8}.evidence-viz{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.step-visual{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-top:16px}.radar{width:210px;height:210px;margin:auto}.flow-map{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:5px;padding:22px 8px}.flow-node{position:relative;display:grid;place-items:center;min-height:68px;border:1px solid #cce8f3;border-radius:12px;background:#f9feff;color:#27627f;text-align:center;font-size:11px;font-weight:700}.flow-node:not(:last-child):after{content:"→";position:absolute;right:-13px;color:#20a8cc;font-size:20px;z-index:1}.flow-node span{display:block;color:#7a9aab;font-size:10px;font-weight:500}.floating-rail{position:fixed;right:19px;top:38%;z-index:10;display:grid;gap:7px}.rail-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #bee7f4;border-radius:50%;background:rgba(255,255,255,.93);color:#1183af;box-shadow:0 7px 16px rgba(10,78,117,.16);font-size:16px;animation:floatCue 2.7s ease-in-out infinite}.rail-icon:nth-child(2){animation-delay:.25s}.rail-icon:nth-child(3){animation-delay:.5s}.scroll-cue{position:fixed;right:21px;bottom:22px;z-index:10;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#139dca;color:#fff;box-shadow:0 8px 19px rgba(8,115,160,.25);cursor:pointer;animation:pulseCue 2s infinite}.scroll-cue:after{content:"⌄";font-size:22px;transform:translateY(-2px)}@keyframes floatCue{50%{transform:translateY(-5px)}}@keyframes pulseCue{50%{box-shadow:0 0 0 8px rgba(30,172,211,.11)}}@media(max-width:900px){.visual-strip,.evidence-viz,.step-visual{grid-template-columns:1fr}.floating-rail{display:none}.flow-map{grid-template-columns:1fr}.flow-node:not(:last-child):after{content:"↓";right:auto;bottom:-19px}.flow-node{min-height:55px}}@media(max-width:560px){.scroll-cue{display:none}}