.ontology{color:#092947;height:100dvh;font:14px/1.5 var(--font-poppins),Arial,sans-serif;background:#f5f5f5;flex-direction:column;display:flex}.on-header{background:#092947;border-bottom:1px solid #234b74;align-items:center;gap:28px;padding:18px 24px;display:flex}.on-footer a{color:#03629c}.on-header a{color:#fff}.on-header h1{color:#fff;margin:3px 0 0;font-size:25px}.on-header small{color:#ffffffb8;letter-spacing:2px;font-size:12px}.on-header>span{color:#ffffffe6;margin-left:auto}.on-header b{color:#ffffff80;margin:0 12px}.on-toolbar{background:#fff;border-bottom:1px solid #dfdfdf;align-items:center;gap:10px;padding:12px 24px;display:flex}.ontology button{cursor:pointer;color:#234b74;background:#fff;border:1px solid #dfdfdf;border-radius:8px;padding:8px 12px;font-size:14px}.ontology button:hover{background:#f0efed}.ontology button.active,.ontology button[aria-pressed=true]{color:#03629c;background:#e7ebff;border-color:#03629c}.on-toolbar input{color:#092947;background:#fff;border:1px solid #dfdfdf;border-radius:8px;min-width:250px;padding:10px}.on-toolbar input::placeholder{color:#8c91a9}.on-toolbar>span{color:#6a6c72;margin-left:auto}.on-layout{flex:1;min-height:0;display:flex}.on-directory{background:#fff;border-right:1px solid #dfdfdf;flex:none;width:245px;padding:14px;overflow:auto}.on-directory section{margin-top:18px}.on-directory button{text-align:left;background:0 0;border:0;width:100%}.on-directory b{float:right;color:#6a6c72}.on-directory .on-concept-link{color:#234b74;padding-left:20px;font-size:13px}.on-directory .on-concept-link:hover{background:#f0efed}.on-canvas{flex:1;min-width:0;position:relative}.on-canvas .react-flow__controls-button{color:#234b74;background:#fff;border:none;border-bottom:1px solid #dfdfdf;border-radius:0;width:28px;height:28px;padding:4px}.on-canvas .react-flow__controls-button:hover{background:#f0efed}.on-canvas .react-flow__controls-button svg{fill:#234b74;width:100%;max-width:14px;height:100%;max-height:14px}.on-card{background:#fff;border:1px solid #dfdfdf;border-left:3px solid;border-radius:8px;width:258px;padding:14px 18px;box-shadow:0 4px 22px #09294714}.on-card small{font-size:12px}.on-card strong{color:#092947;margin:6px 0;font-size:18px;line-height:1.3;display:block}.on-card span{color:#6a6c72;font-size:12px}.react-flow__node.selected .on-card{background:#e7ebff;outline:2px solid #03629c}.on-map-note{color:#6a6c72;pointer-events:none;background:#ffffffeb;border:1px solid #dfdfdf;border-radius:5px;padding:10px 14px;font-size:12px;position:absolute;bottom:18px;left:60px}.on-footer{color:#6a6c72;background:#fff;border-top:1px solid #dfdfdf;padding:10px 24px;font-size:12px}.on-footer a{margin-left:12px}.on-sheet{overflow-y:auto;color:#092947!important;background:#fff!important;border-color:#dfdfdf!important;width:min(530px,100vw)!important;max-width:530px!important}.on-detail{padding:0 24px 28px;font-size:14px;line-height:1.6}.on-detail h2{color:#092947;margin:26px 0 10px;font-size:18px}.on-detail h2 small{color:#03629c;margin-left:8px}.on-example{color:#234b74;background:#e7ebff;border-left:3px solid #03629c;border-radius:4px;padding:16px}.on-muted{color:#6a6c72;font-size:12px}.on-detail dl>div{border-bottom:1px solid #f0efed;padding:10px 0}.on-detail dt{overflow-wrap:anywhere;color:#092947;font-family:monospace}.on-detail dt code{color:#6e56cf;margin-left:10px;font-size:12px;display:inline-block}.on-detail dd{color:#6a6c72;margin:3px 0 0;font-size:13px}.on-api{background:#f0efed;border:1px solid #dfdfdf;border-radius:6px;padding:14px}.on-api>code{overflow-wrap:anywhere;color:#03629c;margin-top:8px;font-size:13px;display:block}.on-api a{color:#03629c}.on-api summary{cursor:pointer;margin-top:14px}.on-relations{gap:8px;display:grid}.on-relations button{text-align:left;color:#234b74;cursor:pointer;background:#fff;border:1px solid #dfdfdf;border-radius:6px;padding:12px}.on-relations button:hover{background:#f5f5f5;border-color:#03629c}.on-relations button>*{display:block}.on-relations b{color:#03629c;margin-top:5px;font-size:13px}.on-relations small{color:#6a6c72;margin-top:4px;font-size:12px}@media (max-width:800px){.on-directory{width:165px}.on-header{flex-wrap:wrap;gap:14px;padding:12px}.on-header>span{display:none}.on-toolbar{flex-wrap:wrap;padding:10px}.on-toolbar>span{display:none}.on-toolbar input{width:100%}.on-footer{padding:8px}.on-map-note{display:none}.on-card strong{font-size:18px}.on-directory button{font-size:12px}}