/* ============================================================
   Octane Agentic Platform — 2026-10-14: Legal (sixth department)
   Loaded AFTER octane-platform-20261013.css on the Platform page
   and the Legal page. Same tokens, same brand rules.
   ============================================================ */

/* Platform: control plane lanes, row 2 = Banking, IT, Legal (2 columns each) */
.oc-cp--5 .oc-cp__lane[data-d="lend"], .oc-cp--5 .oc-cp__lane[data-d="it"], .oc-cp--5 .oc-cp__lane[data-d="legal"] { grid-column: span 2; }
.oc-cp[data-show="legal"] [data-d]:not([data-d~="legal"]) { opacity: .18; }
.oc-cp[data-show="legal"] :is(.oc-cp__node, .oc-cp__lane)[data-d~="legal"] { border-color: #000; }
html[data-theme="dark"] .oc-cp[data-show="legal"] :is(.oc-cp__node, .oc-cp__lane)[data-d~="legal"] { border-color: #fff; }

/* Platform: six department cards, 3 and 3 */
.oc-depts--6 { grid-template-columns: repeat(3, 1fr); }
.oc-depts--6 .oc-dept { padding: 30px; min-height: 250px; }
.oc-depts--6 .oc-dept h3 { max-width: 88%; }
.oc-depts--6 .oc-dept p { font-size: 16px; }

@media (max-width: 1100px) {
  .oc-cp--5 .oc-cp__lane[data-d] { grid-column: auto; }
  .oc-depts--6 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .oc-depts--6 { grid-template-columns: 1fr; }
}