/* Batch W7 · bounded frontend-only relationship + introduction flow */
.or-rel-page{max-width:1310px;margin:0 auto;padding-bottom:44px}
.or-rel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:14px 0 20px}
.or-rel-header h1{font-size:clamp(27px,3.2vw,42px);letter-spacing:-.035em;margin:5px 0 8px;line-height:1.15;color:var(--text,#ecf0f8)}
.or-rel-header p{line-height:1.55;color:var(--muted,#9aa9be);max-width:800px;margin:3px 0}
.or-rel-header a,.or-rel-match-actions a,.or-rel-edge a,.or-rel-top a{color:#81d4e8;text-decoration:none}
.or-rel-header> a{border:1px solid #355567;padding:11px 14px;border-radius:11px;white-space:nowrap}
.or-rel-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 18px}
.or-rel-stats>div{padding:17px;background:#102331;border:1px solid #244254;border-radius:14px;display:grid;gap:5px}
.or-rel-stats strong{font-size:25px;color:#e7fafc}.or-rel-stats span{font-size:12px;color:#a5bbc7}
.or-rel-card{background:#0e1d2a;border:1px solid #274255;border-radius:17px;padding:20px;margin:14px 0;color:#edf5f8;min-width:0}
.or-rel-card-head{margin-bottom:15px}.or-rel-card-head h2{font-size:19px;font-weight:700;margin:0 0 5px;color:#edf5f8}.or-rel-card-head p{font-size:13px;color:#9db2c0;margin:0;line-height:1.5}
.or-rel-companies{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:9px}
.or-rel-companies a{border:1px solid #284859;background:#122a38;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:5px;color:#e3f6fa;text-decoration:none;min-width:0}
.or-rel-companies a:hover,.or-rel-edge a:hover,.or-rel-match-actions a:hover{border-color:#53acc8;color:#bef2ff}
.or-rel-companies span{font-size:12px;color:#8fb0c1}
.or-rel-edge-list,.or-rel-activity,.or-rel-list{display:grid;gap:9px}
.or-rel-edge{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#142b3a;border:1px solid #234455;border-radius:12px;padding:13px 15px;min-width:0}
.or-rel-edge strong{display:block;margin:5px 0;color:#f1f9fc;overflow-wrap:anywhere}.or-rel-edge p{font-size:12px;color:#9fb5c5;margin:4px 0;line-height:1.4}
.or-rel-edge>a{white-space:nowrap;font-size:13px}
.or-rel-activity>div{border-left:2px solid #428da3;padding:5px 12px 9px;display:grid;gap:4px}
.or-rel-activity strong{font-size:13px;color:#f1fbfe}.or-rel-activity small{font-size:12px;color:#a1b3c5;overflow-wrap:anywhere;line-height:1.5}
.or-rel-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;font-size:12px}
.or-rel-pill{display:inline-flex;align-items:center;background:#203d4b;color:#b8e5f0;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em}
.or-rel-pill.done,.or-rel-pill.approved,.or-rel-pill.made,.or-rel-pill.outcome{background:#204839;color:#c3f1d9}
.or-rel-pill.potential{background:#293c50;color:#c6d3ed}
.or-rel-match{border:1px solid #2b4657;border-radius:15px;background:#0e2230;padding:17px 20px;display:grid;gap:10px;min-width:0}
.or-rel-match-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;color:#b6cbd7;font-size:12px}
.or-rel-match h3{margin:0;font-size:18px;color:#f0fafc;overflow-wrap:anywhere}
.or-rel-arrow{font-size:20px;color:#5db4d5}.or-rel-match p{margin:0;color:#99b4c4;font-size:13px}
.or-rel-match-actions{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.or-rel-match-actions a:first-child{background:#1c4d60;border:1px solid #3f8199;padding:8px 12px;border-radius:9px;color:#c8f6ff}
.or-rel-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.or-rel-step-grid.or-rel-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.or-rel-step{background:#122a39;border:1px solid #2c4d61;border-radius:13px;padding:17px;min-width:0}
.or-rel-step>span:first-child{display:block;color:#79c8d7;font-size:11px;font-weight:800;letter-spacing:.07em;margin-bottom:9px}
.or-rel-step>p,.or-rel-step details>p{font-size:12px;line-height:1.55;color:#b7c9d5}
.or-rel-step a{color:#8adeee;overflow-wrap:anywhere}.or-rel-step small{color:#8faabb}
.or-rel-step details{border:1px solid #2c4f62;border-radius:10px;margin:12px 0;padding:10px;background:#173141}
.or-rel-step details>summary{cursor:pointer;color:#d9f3f8;font-size:13px}.or-rel-step details[open]>summary{margin-bottom:9px}
.or-rel-issues ul{padding-left:17px;line-height:1.5;font-size:12px;color:#bacbd3}
.or-rel-form{display:grid;gap:11px;margin-top:12px}
.or-rel-field{display:grid;gap:6px;font-size:12px;color:#c5dae3}
.or-rel-field input,.or-rel-field select,.or-rel-field textarea{width:100%;box-sizing:border-box;border:1px solid #476478;border-radius:8px;padding:10px;background:#0e202b;color:#f3fbfd;font:inherit;font-size:13px;min-width:0;resize:vertical}
.or-rel-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;color:#cfdee5}.or-rel-check input{flex:none;accent-color:#70ccdd;margin-top:3px}
.or-rel-form button{background:#26748b;border:1px solid #499eb4;border-radius:9px;color:#f4fdff;padding:11px;cursor:pointer;font-weight:700}
.or-rel-form button:hover{background:#3689a2}.or-rel-expander{display:block;overflow:hidden}
.or-rel-expander>summary{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:13px;flex-wrap:wrap}.or-rel-expander>summary span{color:#8fcce0;font-size:11px}
.or-rel-warning{background:#493822;border:1px solid #ae854e;padding:13px 16px;color:#ffe3a7;border-radius:9px;margin:10px 0;font-size:13px}
.or-rel-feedback{min-height:0;color:#a2f7dc;font-size:12px}.or-rel-feedback:not(:empty){background:#153d36;padding:10px 13px;border-radius:9px}
.or-rel-disclaimer{font-size:12px;color:#9cb5c0;line-height:1.5;margin:17px 0}
.or-rel-ops-summary{margin:14px 0}.or-rel-ops-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:9px}
.or-rel-ops-links a{background:rgba(40,100,118,.16);border:1px solid rgba(67,132,150,.4);border-radius:10px;display:grid;gap:5px;padding:12px;text-decoration:none;color:inherit}
.or-rel-ops-links a span{color:var(--text-muted,#a1b4c7);font-size:12px}
.or-rel-ops-handoff{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:14px 17px;margin:14px 0;background:#123442;border:1px solid #418197;border-radius:13px;color:#e2f7fa}
.or-rel-ops-handoff small{color:#8bcee4;display:block;font-size:10px}.or-rel-ops-handoff strong{display:block;margin:3px 0}
.or-rel-ops-handoff p{margin:4px 0;font-size:12px;color:#b9d1dc;line-height:1.5}
.or-rel-ops-handoff summary{font-size:12px;cursor:pointer}.or-rel-ops-handoff>a{color:#b6e9fa;text-decoration:none;white-space:nowrap;border:1px solid #397d91;border-radius:9px;padding:10px;font-size:12px}
.or-world-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media(max-width:920px){.or-rel-step-grid{grid-template-columns:1fr}.or-rel-step-grid.or-rel-two{grid-template-columns:1fr}.or-rel-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.or-rel-page{padding-inline:12px}.or-rel-header{flex-direction:column}.or-rel-header>a{white-space:normal}.or-rel-card{padding:14px}.or-rel-edge{align-items:flex-start;flex-direction:column}.or-rel-stats{gap:7px}.or-rel-stats>div{padding:11px}.or-rel-ops-handoff{align-items:flex-start;flex-direction:column}}

.or-rel-overview-more{margin:20px 0 12px;border:1px solid #29495a;border-radius:13px;background:#102634;color:#e4f7fc;padding:14px 18px}
.or-rel-overview-more>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.or-rel-overview-more>summary strong{font-size:14px}.or-rel-overview-more>summary span{font-size:12px;color:#91bfcf}
.or-rel-overview-more nav{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 0}
.or-rel-overview-more nav a{padding:8px 10px;background:#1b3d4d;border:1px solid #42677b;border-radius:9px;color:#c2edfb;text-decoration:none;font-size:12px}