.meta-page{font-size:1rem;line-height:1.7}.meta-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:end;padding-bottom:54px}.meta-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.92;margin:22px 0}.meta-hero p{color:var(--muted);font-size:1.05rem}.meta-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta-stats div{padding:20px;border:1px solid var(--line);border-radius:14px;background:#0e171e}.meta-stats strong,.meta-stats span{display:block}.meta-stats strong{color:var(--cyan);font:700 2rem monospace}.meta-stats span{margin-top:5px;color:var(--muted);font-size:.8rem}.live-diagram{margin:0 0 58px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.live-diagram img{display:block;width:100%;max-height:800px;object-fit:contain}.live-diagram figcaption{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;background:#101821;color:var(--muted);font-size:.82rem}.live-diagram a{color:var(--cyan)}.live-badge{display:inline-flex;align-items:center;gap:7px}.live-badge:before{content:'';width:8px;height:8px;border-radius:50%;background:#71d778;box-shadow:0 0 12px #71d77888}.meta-section{padding:58px 0;border-top:1px solid var(--line)}.meta-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.meta-heading h2{font-size:clamp(1.8rem,4vw,3rem);margin:7px 0}.meta-heading>p{max-width:520px;color:var(--muted)}.meta-table{border:1px solid var(--line);border-radius:14px;overflow:auto;background:#0b1118}.meta-table table{width:100%;border-collapse:collapse;min-width:880px}.meta-table th{padding:13px 14px;background:#121a23;text-align:left;color:#8fa0ae;font:700 .73rem monospace;text-transform:uppercase}.meta-table td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle;color:#aebbc5}.meta-table tr:hover td{background:#ffffff03}.node-thumb{width:48px;height:48px;display:grid;place-items:center;border:1px solid #33434e;border-radius:10px;background:#111b24;overflow:hidden}.node-thumb img{width:42px;height:42px;object-fit:contain}.node-thumb.abstract{color:#8797a2;font:700 .65rem monospace}.meta-type{color:var(--cyan);font:700 .84rem Consolas,monospace}.layer-chip,.kind-chip{display:inline-flex;border:1px solid #394956;border-radius:20px;padding:3px 8px;font:700 .67rem monospace}.layer-core{color:#55d8d3}.layer-collaborative{color:#f0a15a}.layer-system{color:#b099ef}.layer-project{color:#8fd16f}.kind-chip{color:#99a8b3}.edge-swatch{display:inline-flex;align-items:center;width:76px}.edge-swatch:before{content:'';width:58px;border-top:3px solid var(--edge)}.edge-swatch:after{content:'';border-left:8px solid var(--edge);border-top:5px solid transparent;border-bottom:5px solid transparent}.meta-note{margin-top:16px;padding:16px 18px;border-left:2px solid var(--cyan);background:#0e171e;color:var(--muted)}.meta-note b{color:var(--text)}.meta-jump{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}.meta-jump a{padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font:700 .75rem monospace}.meta-jump a:hover{border-color:#35636a;background:#102027}@media(max-width:800px){.meta-hero{grid-template-columns:1fr}.meta-heading{display:block}.meta-stats{grid-template-columns:1fr 1fr}.live-diagram figcaption{display:block}.live-diagram figcaption a{display:block;margin-top:7px}}

.dark-diagram{margin:0 0 28px;border:1px solid #253744;border-radius:18px;overflow:hidden;background:#081118;box-shadow:0 24px 70px #0005}.dark-diagram img{display:block;width:100%;height:auto}.dark-diagram figcaption{padding:13px 18px;border-top:1px solid #20313c;background:#0d171e;color:#8295a0;font-size:.8rem}.dark-diagram.compact img{max-height:580px;object-fit:contain}.domain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.domain-card{display:grid;grid-template-columns:128px 1fr;min-height:260px;border:1px solid color-mix(in srgb,var(--domain) 38%,#263641);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--domain) 8%,#0b1218),#0a1117 65%)}.domain-visual{display:grid;place-items:center;padding:18px;background:color-mix(in srgb,var(--domain) 8%,#0c151c);border-right:1px solid color-mix(in srgb,var(--domain) 25%,#263641)}.domain-visual img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 12px 22px #0008)}.domain-copy{padding:23px}.domain-copy>span{color:var(--domain);font:700 .69rem monospace;text-transform:uppercase}.domain-copy h3{margin:6px 0 7px;font-size:1.35rem}.domain-copy p{color:var(--muted);font-size:.86rem;line-height:1.6}.domain-copy code{display:block;margin-top:13px;color:#9fb0b9;font-size:.7rem;white-space:normal}.inheritance{display:flex;align-items:center;gap:8px;margin-top:14px}.inheritance small{color:#6f828d}.inheritance b{padding:2px 8px;border:1px solid var(--domain);border-radius:20px;color:var(--domain);font:700 .7rem monospace}.reading-flow{margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#0c141b}.reading-flow>span{color:var(--cyan);font:700 .7rem monospace;letter-spacing:.08em}.reading-flow>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.reading-flow b{padding:7px 10px;border:1px solid #344852;border-radius:7px;background:#111c24;font:700 .76rem monospace}.reading-flow i{color:#58717f;font-style:normal}.reading-flow p{color:var(--muted);font-size:.86rem;margin:0}.extension-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:34px 0 18px}.extension-toolbar p{color:var(--muted);margin:0}.extension-toolbar p b{color:var(--cyan);font:700 1.4rem monospace}.filter-row{display:flex;gap:7px;flex-wrap:wrap}.filter-row button{cursor:pointer;border:1px solid var(--line);border-radius:20px;padding:6px 11px;background:#0c151c;color:#91a2ac;font:700 .7rem monospace}.filter-row button:hover,.filter-row button.active{border-color:var(--cyan);background:#10252a;color:var(--cyan)}.extension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.extension-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#0b1319;transition:transform .2s,border-color .2s}.extension-card:hover{transform:translateY(-3px);border-color:#3b5260}.extension-card header{display:flex;justify-content:space-between;align-items:start;gap:14px}.extension-card header>img{width:70px;height:70px;padding:8px;border:1px solid #293b46;border-radius:13px;background:#111b22;object-fit:contain}.extension-card header div{text-align:right}.extension-card header span,.concept-list>small{display:block;color:#677b87;font:700 .62rem monospace;text-transform:uppercase}.extension-card header b{display:inline-block;margin-top:4px;font:700 .69rem monospace}.domain-crisis{color:#ff5373}.domain-health{color:#45edff}.domain-production{color:#ffd342}.extension-card h3{font-size:1.13rem;margin:16px 0 6px}.extension-card>p{min-height:66px;color:var(--muted);font-size:.82rem;line-height:1.55}.concept-list{margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.concept-list>div{display:grid;grid-template-columns:31px 1fr auto;gap:7px;align-items:center;margin-top:8px}.concept-list img,.concept-list i{width:29px;height:29px;display:grid;place-items:center;object-fit:contain;border-radius:6px;background:#111c24}.concept-list i{color:#718590;font:700 .48rem monospace;font-style:normal}.concept-list code{overflow:hidden;text-overflow:ellipsis;color:#b8c7cf;font-size:.7rem}.concept-list span{color:#70838e;font:600 .62rem monospace}.loading-contract{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#0d161d}.loading-contract div{min-width:0}.loading-contract span,.loading-contract code{display:block}.loading-contract span{color:#718590;font-size:.68rem}.loading-contract code{overflow:hidden;text-overflow:ellipsis;color:var(--cyan);font-size:.72rem}.loading-contract i{color:#526a77;font-style:normal}

@media(max-width:1000px){.extension-grid{grid-template-columns:repeat(2,1fr)}.loading-contract{grid-template-columns:1fr 1fr}.loading-contract>i{display:none}}@media(max-width:760px){.domain-grid,.extension-grid{grid-template-columns:1fr}.domain-card{grid-template-columns:94px 1fr}.domain-visual img{width:65px;height:65px}.extension-toolbar{display:block}.filter-row{margin-top:12px}.loading-contract{grid-template-columns:1fr}.dark-diagram{overflow:auto}.dark-diagram img{min-width:720px}}
.open-detail{display:block;margin-top:15px;color:var(--cyan);font:700 .7rem monospace}.domain-card:hover .open-detail,.extension-card:hover .open-detail{color:#8dfffa}

/* Vertical navigation (metamodel index) */
.meta-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:start}.meta-nav{position:sticky;top:calc(var(--top) + 18px);max-height:calc(100vh - var(--top) - 36px);overflow:auto;padding:6px 0 20px;border-right:1px solid var(--line)}.meta-nav nav{display:flex;flex-direction:column;gap:2px;padding-right:14px}.meta-nav p{margin:16px 0 6px;color:var(--cyan);font:700 .66rem monospace;letter-spacing:.14em;text-transform:uppercase}.meta-nav p:first-child{margin-top:0}.meta-nav a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;color:#aebbc5;font-size:.86rem;text-decoration:none;border:1px solid transparent}.meta-nav a.sub{padding-left:22px;font-size:.8rem;color:#8fa0ae}.meta-nav a:hover{background:#0f1a22;color:var(--text)}.meta-nav a.active{background:#10252a;border-color:#28565a;color:var(--cyan)}.meta-nav a.sub i{width:7px;height:7px;border-radius:50%;background:#3d5a66;flex:0 0 auto}.meta-nav a.domain-collaborative i{background:#f0a15a}.meta-nav a.domain-crisis i{background:#ff5373}.meta-nav a.domain-health i{background:#45edff}.meta-nav a.domain-production i{background:#ffd342}.meta-content{min-width:0}.meta-content .meta-hero{padding-top:6px}@media(max-width:1000px){.meta-shell{grid-template-columns:1fr;gap:20px}.meta-nav{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.meta-nav nav{flex-direction:row;flex-wrap:wrap;gap:6px;padding:0}.meta-nav p{width:100%;margin:10px 0 2px}.meta-nav a,.meta-nav a.sub{padding:6px 10px;border:1px solid var(--line);font-size:.78rem}}

/* Full-width layout: the menu sits flush with the header logo (4vw), the content takes the rest */
.detail-main.meta-page{max-width:none;margin:0;padding-top:34px}.meta-shell{grid-template-columns:232px minmax(0,1fr);gap:56px}@media(max-width:1000px){.meta-shell{grid-template-columns:1fr;gap:20px}}