:root{
 --bg:#f6f8fc;--surface:#fff;--border:#e4e9f1;--text:#172033;--muted:#64748b;
 --blue:#0d6efd;--purple:#7c3aed;--teal:#059669;--amber:#d97706;--rose:#e11d48;
}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.navbar{min-height:68px}
.docs-hero{background:
 radial-gradient(circle at 88% 16%,rgba(124,58,237,.10),transparent 26%),
 radial-gradient(circle at 68% 78%,rgba(13,110,253,.08),transparent 30%),
 linear-gradient(180deg,#fff,#f7f9fd);border-bottom:1px solid var(--border)}
.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--blue)}
.hero-callout{display:flex;flex-direction:column;gap:.25rem;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.hero-callout strong{font-size:.84rem}.hero-callout span{font-size:.72rem;color:var(--muted)}
.docs-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem;align-items:start}
.docs-toc{position:sticky;top:88px}
.toc-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:.9rem;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.toc-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:.45rem}
.toc-card nav{display:flex;flex-direction:column;gap:.1rem}
.toc-card a{font-size:.76rem;text-decoration:none;color:#64748b;border-radius:8px;padding:.38rem .5rem}
.toc-card a:hover,.toc-card a.active{background:#eef4ff;color:#0d6efd}
.docs-content{min-width:0}
.doc-section{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.35rem;margin-bottom:1.25rem;box-shadow:0 8px 28px rgba(15,23,42,.035)}
.doc-section>p{color:#475569;font-size:.86rem;line-height:1.62}
.principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.principle-card{border:1px solid #e6ebf3;border-radius:14px;background:#f8fafc;padding:.85rem}
.principle-card strong{display:block;font-size:.8rem}.principle-card span{display:block;color:#64748b;font-size:.72rem;line-height:1.45;margin-top:.2rem}
.entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}
.entity-card{display:flex;gap:.8rem;border:1px solid #e6ebf3;border-radius:16px;padding:.9rem;background:#fff}
.entity-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.8rem;font-weight:900;background:#eef4ff;color:#1d4ed8}
.entity-card h3{font-size:.9rem;margin:0}.entity-count{font-size:.7rem;color:#0d6efd;font-weight:800;margin:.12rem 0 .28rem}.entity-card p{font-size:.71rem;color:#64748b;line-height:1.42;margin:0}
.entity-drug .entity-icon{background:#ecfdf5;color:#047857}.entity-trial .entity-icon{background:#fff7ed;color:#c2410c}.entity-report .entity-icon{background:#fdf2f8;color:#be185d}.entity-locus .entity-icon{background:#f5f3ff;color:#6d28d9}
.section-heading-row{display:flex;justify-content:space-between;gap:1rem;align-items:start}
.model-filter{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}
.model-chip{border:1px solid #dbe3ef;background:#fff;color:#475569;border-radius:999px;padding:.42rem .72rem;font-size:.72rem;font-weight:800}
.model-chip.active{background:#0d6efd;border-color:#0d6efd;color:#fff}
.model-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:1rem;margin-top:.9rem}
.model-canvas-wrap{border:1px solid #e4e9f1;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f7f9fc);overflow:hidden}
.model-chart{height:610px;min-height:520px}
.model-detail{border:1px solid #e4e9f1;border-radius:16px;background:#f8fafc;padding:1rem;align-self:stretch}
.model-detail-eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#0d6efd;margin-bottom:.4rem}
.model-detail h3{font-weight:800}.model-detail p{font-size:.76rem;color:#64748b;line-height:1.55}
.model-detail-note{border-top:1px solid #e2e8f0;padding-top:.75rem;margin-top:.75rem;font-size:.68rem;color:#64748b}
.model-rel-list{display:grid;gap:.45rem;margin-top:.8rem}.model-rel-item{border:1px solid #e2e8f0;border-radius:10px;padding:.55rem;background:#fff}.model-rel-item strong{font-size:.7rem;display:block}.model-rel-item span{font-size:.65rem;color:#64748b}
.relationship-table-wrap{border:1px solid #e4e9f1;border-radius:14px;overflow:auto;margin-top:1rem}
.relationship-table{font-size:.72rem;min-width:920px}.relationship-table thead th{background:#f8fafc;color:#475569;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e4e9f1}.relationship-table td{color:#475569;line-height:1.4}.relationship-table td:first-child{font-weight:800;color:#172033}.relationship-table td:nth-child(2){font-weight:800;color:#0d6efd;white-space:nowrap}
.taxonomy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}
.taxonomy-card{border:1px solid #e4e9f1;border-radius:15px;padding:.9rem;background:#fff}
.taxonomy-card h3{font-size:.88rem;margin:.55rem 0 .25rem}.taxonomy-card p{font-size:.72rem;color:#64748b;line-height:1.45;margin:0}.taxonomy-badge{display:inline-flex;background:#eef4ff;color:#1d4ed8;border-radius:999px;padding:.2rem .5rem;font-size:.62rem;font-weight:800}.taxonomy-foot{margin-top:.7rem;padding-top:.6rem;border-top:1px solid #edf1f6;font-size:.66rem;color:#475569;font-weight:700}
.evidence-rule-list{display:grid;gap:.6rem;margin-top:1rem}
.evidence-rule-list article{display:grid;grid-template-columns:44px 1fr;gap:.75rem;border:1px solid #e4e9f1;border-radius:14px;padding:.8rem}
.rule-number{width:38px;height:38px;border-radius:10px;background:#eef4ff;color:#0d6efd;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900}
.evidence-rule-list h3{font-size:.82rem;margin:0 0 .15rem}.evidence-rule-list p{font-size:.7rem;color:#64748b;line-height:1.46;margin:0}
.identifier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.identifier-card{border:1px solid #e4e9f1;border-radius:14px;padding:.8rem;background:#f8fafc}.identifier-card h3{font-size:.8rem;margin:0 0 .3rem}.identifier-card p{font-size:.68rem;color:#64748b;line-height:1.45;margin:0}.identifier-card code{font-size:.66rem;color:#7c3aed}
.clinical-model-card{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:1rem;align-items:center;border:1px solid #e4e9f1;border-radius:16px;padding:1rem;margin-top:1rem;background:#f8fafc}
.clinical-example{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:1fr 1fr;gap:.55rem;align-items:center}
.clinical-center{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;text-align:center;background:#172033;color:#fff;border-radius:14px;min-height:105px;padding:.7rem;font-size:.74rem;font-weight:800}
.clinical-node{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:.55rem;text-align:center;font-size:.68rem;font-weight:700}.clinical-node:nth-child(1),.clinical-node:nth-child(2){grid-column:1}.clinical-node:nth-child(4),.clinical-node:nth-child(5){grid-column:3}.clinical-node:nth-child(1),.clinical-node:nth-child(4){grid-row:1}.clinical-node:nth-child(2),.clinical-node:nth-child(5){grid-row:2}
.clinical-model-card p{font-size:.74rem;color:#64748b;line-height:1.5}
.version-flow{display:flex;align-items:stretch;gap:.55rem;margin-top:1rem}.version-step{display:flex;gap:.55rem;align-items:flex-start;flex:1;border:1px solid #e4e9f1;border-radius:14px;padding:.75rem;background:#f8fafc}.version-step>span{width:26px;height:26px;border-radius:8px;background:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.68rem;font-weight:900}.version-step strong{display:block;font-size:.72rem}.version-step small{display:block;font-size:.64rem;color:#64748b;line-height:1.4;margin-top:.15rem}.version-arrow{align-self:center;color:#94a3b8;font-weight:900}
.release-links{display:flex;gap:.5rem;flex-wrap:wrap}
.explore-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.explore-steps article{display:flex;gap:.65rem;border:1px solid #e4e9f1;border-radius:14px;padding:.75rem}.explore-steps article>span{width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#0d6efd;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.68rem;font-weight:900}.explore-steps strong{font-size:.74rem}.explore-steps p{font-size:.68rem;color:#64748b;line-height:1.4;margin:.15rem 0 0}
.doc-end{background:linear-gradient(135deg,#eef5ff,#f7f3ff);border-color:#dbe7fb}
.site-footer{margin-top:3rem;background:#fff;border-top:1px solid var(--border)}
@media(max-width:1199.98px){
 .docs-shell{grid-template-columns:190px minmax(0,1fr);gap:1.25rem}
 .model-layout{grid-template-columns:1fr}
 .model-detail{min-height:auto}
 .identifier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .version-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr}.version-arrow{text-align:center}
}
@media(max-width:991.98px){
 .docs-shell{display:block}.docs-toc{position:static;margin-bottom:1rem}.toc-card nav{display:flex;flex-direction:row;overflow-x:auto;gap:.35rem;padding-bottom:.2rem}.toc-card a{white-space:nowrap;border:1px solid #e6ebf3}.toc-title{margin-bottom:.6rem}
 .model-chart{height:570px}
 .clinical-model-card{grid-template-columns:1fr}
 .version-flow{grid-template-columns:1fr}.version-arrow{transform:rotate(90deg)}
}
@media(max-width:767.98px){
 .docs-hero .lead{font-size:1rem}.doc-section{padding:1rem;border-radius:16px}
 .principle-grid,.entity-grid,.taxonomy-grid,.identifier-grid,.explore-steps{grid-template-columns:1fr}
 .section-heading-row{flex-direction:column}
 .model-chart{height:520px;min-height:480px}
 .clinical-example{min-width:0}
}
@media(max-width:479.98px){
 .model-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem}.model-chip{white-space:nowrap}
 .model-chart{height:500px}
 .clinical-example{grid-template-columns:1fr 1.2fr 1fr;gap:.35rem}.clinical-node,.clinical-center{font-size:.6rem;padding:.4rem}.clinical-center{min-height:90px}
}
@media(max-height:520px) and (orientation:landscape){
 .docs-hero .container{padding-top:1rem!important;padding-bottom:1rem!important}.navbar{min-height:58px}.docs-toc{top:70px}.model-chart{height:430px;min-height:420px}
}