.page-tabs{display:flex;gap:8px;margin:0 0 22px;padding:6px;background:#dfe8e1;border-radius:14px;width:max-content}
.page-tab{border:0;background:transparent;color:#52675a;padding:10px 22px}
.page-tab.active{background:#fff;color:#176839;box-shadow:0 3px 12px rgba(35,66,45,.1)}
.system-intro{padding:30px}
.system-intro>p:last-child{max-width:760px;line-height:1.75;color:#52665a}
.ontology-section>h2,.boundary-section>h2{margin-bottom:22px}
.ontology-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ontology-groups article{border:1px solid #dce5de;background:#f9fbf9;border-radius:14px;padding:20px}
.ontology-groups h3{color:#176839;margin-bottom:15px}
.ontology-groups dl{margin:0}
.ontology-groups dt{font-weight:850;margin-top:13px}
.ontology-groups dd{margin:4px 0 0;color:#5b6f62;font-size:.87rem;line-height:1.65}
.relation-list{display:grid;gap:10px}
.relation-list p{display:grid;grid-template-columns:1fr 160px 1fr;align-items:center;margin:0;padding:13px 16px;border:1px solid #e0e7e2;border-radius:10px;background:#fbfdfb;text-align:center}
.relation-list span{color:#718077;font-size:.8rem}
.runtime-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.runtime-steps li{display:grid;grid-template-columns:42px 1fr;gap:16px;position:relative;padding-bottom:22px}
.runtime-steps li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#207344;color:#fff;font-weight:850;z-index:1}
.runtime-steps li:not(:last-child)::before{content:"";position:absolute;left:18px;top:38px;bottom:0;border-left:2px solid #cddbd0}
.runtime-steps strong{font-size:1rem}
.runtime-steps p{margin:5px 0 0;color:#5d7063;line-height:1.65}
.boundary-section ul{margin-bottom:0;padding-left:22px;color:#53675a;line-height:1.8}
@media(max-width:760px){
  .ontology-groups{grid-template-columns:1fr}
  .page-tabs{width:100%}
  .page-tab{flex:1}
  .relation-list p{grid-template-columns:1fr;gap:5px}
  .relation-list span::before{content:"↓ "}
}