
#xr-education .relationship-map{margin:32px 0 42px;border:1px solid #d6e0ee;border-radius:12px;padding:28px;background:#f8faff;scroll-margin-top:110px}
#xr-education .relationship-map h2{font-size:26px;line-height:1.6;margin:8px 0 12px}#xr-education .relationship-map .rel-kicker{font-size:12px;letter-spacing:.1em;color:#315de2;font-weight:700;margin:0}#xr-education .rel-intro{color:#53637c;max-width:850px;margin:10px 0 22px;line-height:1.95}
#xr-education .rel-user{display:flex;align-items:center;gap:18px;background:#eaf1ff;border:1px solid #d4e1ff;border-radius:9px;padding:20px 24px}#xr-education .rel-user svg{width:40px;height:40px;flex:none;color:#315de2}#xr-education .rel-user strong{font-size:18px;display:block;color:#1a2c50}#xr-education .rel-user p{font-size:14px;margin:5px 0 0}#xr-education .rel-down{text-align:center;color:#557197;font-size:13px;margin:14px 0}#xr-education .rel-down span{display:block;font-size:23px;line-height:1.3;color:#3764df}
#xr-education .rel-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0}#xr-education .rel-stage{position:relative;min-width:0;background:white;border:1px solid #cdd9eb;border-radius:9px;padding:20px 16px}#xr-education .rel-stage:not(:last-child):after{content:'↔';position:absolute;right:-26px;top:50px;color:#3561d9;font-size:25px;font-weight:700;width:22px;text-align:center}#xr-education .rel-stage .rel-phase{font-size:12px;color:#3561d9;font-weight:700;letter-spacing:.1em}#xr-education .rel-stage h3{font-size:19px;line-height:1.5;margin:6px 0 8px;color:#182944}#xr-education .rel-stage>p{font-size:13px;color:#5e6c82;margin:0 0 16px;line-height:1.8}
#xr-education .rel-role{display:flex;align-items:flex-start;gap:9px;padding:13px 9px;border-top:1px solid #e4eaf3;text-decoration:none!important;color:#1c2d4a!important;border-radius:3px;transition:background .18s}#xr-education .rel-role:hover{background:#edf3ff}#xr-education .rel-role:focus-visible{outline:3px solid #3666e6;outline-offset:2px}#xr-education .rel-no{font:700 11px/23px ui-monospace,monospace;border-radius:50%;width:23px;height:23px;text-align:center;background:#edf2fc;color:#315de2;flex:none}#xr-education .rel-role strong{display:block;font-size:14px;line-height:1.65}#xr-education .rel-role small{display:block;font-size:12px;color:#5d6b80;line-height:1.8;margin-top:3px}
#xr-education .rel-feedback{margin:18px 0 22px;background:#edf3ff;border-radius:7px;padding:13px 18px;color:#35548b;font-size:13px;text-align:center}#xr-education .rel-support{border:1px dashed #aebfda;padding:20px;border-radius:9px;background:white}#xr-education .rel-support h3{font-size:17px;margin:0 0 12px}#xr-education .rel-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#xr-education .rel-support .rel-role{border-top:0;background:#f3f6fb;padding:13px;border-radius:7px}#xr-education .rel-legend{font-size:12px;color:#5b6b81;line-height:1.9;margin:18px 0 0}
#xr-education .rel-cases{margin-top:28px}#xr-education .rel-cases h3{font-size:19px;margin:0 0 14px}#xr-education .rel-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#xr-education .rel-case{background:white;padding:19px;border:1px solid #dbe3ef;border-radius:8px}#xr-education .rel-case h4{font-size:15px;margin:0 0 10px;color:#213d70}#xr-education .rel-case p{font-size:13px;line-height:1.95;margin:8px 0}#xr-education .rel-handoff{font-weight:600;color:#31588a}#xr-education .rel-download{font-size:13px;display:inline-block;margin-top:18px}
@media(max-width:980px){#xr-education .rel-stages{grid-template-columns:1fr;gap:30px}#xr-education .rel-stage:not(:last-child):after{content:'↕';right:calc(50% - 12px);top:auto;bottom:-29px;height:28px;line-height:28px}#xr-education .rel-support-grid,#xr-education .rel-cases-grid{grid-template-columns:1fr}#xr-education .rel-stage{padding:20px}#xr-education .rel-stage .rel-role{padding:13px 10px}#xr-education .rel-role strong{font-size:15px}#xr-education .rel-role small{font-size:13px}}
@media(max-width:600px){#xr-education .relationship-map{padding:20px 15px;margin:25px 0}#xr-education .relationship-map h2{font-size:22px}#xr-education .rel-user{padding:17px 15px;gap:12px}#xr-education .rel-user strong{font-size:16px}#xr-education .rel-user svg{width:31px;height:31px}#xr-education .rel-support{padding:16px}#xr-education .rel-support-grid{gap:10px}}
@media(prefers-reduced-motion:reduce){#xr-education .rel-role{transition:none}}
