.framework-flow{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#213f34;border-radius:12px;padding:21px 23px;color:#eff4e9}.framework-flow>div{min-width:0;flex:1}.framework-flow small{display:block;font-size:10px;color:#abc0ae;margin-bottom:5px}.framework-flow b{font-size:14px;font-weight:550;white-space:nowrap}.framework-flow>span{color:#8ea993}.framework-flow .flow-focus b{color:#d8e89e}.framework-caption{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#7d8878;margin:12px 0 22px}.framework-caption a{color:#42634b}.framework-status b{color:#486049}.small-heading{font-size:11px;font-weight:400;margin-left:10px;color:#7f8e74}.framework-tree .product-node>summary{grid-template-columns:minmax(180px,1.12fr) minmax(130px,1.3fr) auto;gap:17px;padding:15px 16px}.branch-index{font:10px monospace;color:#9caa8b;margin-right:11px;font-style:normal}.framework-tree .product-preview{font-size:11px}.framework-tree .product-preview:before{display:none}.framework-tree .product-node>summary b{font-size:13px;padding-left:15px}.framework-tree .outline-label{color:#909888;border:1px dashed #d9dfd2;border-radius:4px;padding:2px 6px}.framework-tree .ready-label{color:#53783f;border:1px solid #d5e1c8;background:#f3f8eb;border-radius:4px;padding:2px 6px}.family-body{padding:0 16px}.family-boundary{font-size:12px;padding:13px 6px;border-bottom:1px dashed #e4eadc;line-height:1.9}.family-boundary>span{font-size:10px;color:#8d9b80;margin-right:15px}.example-label{font-size:11px;color:#5d7351;margin:13px 6px 2px}.example-label>span{font-size:10px;color:#97a18c;margin-left:10px}.family-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 6px}.family-actions>span{font:10px monospace;color:#929c88}.family-actions .button{font-size:10px}.outline-message{font-size:11px;color:#839277;padding:14px 6px 4px}.context-panel{border:1px solid #e0e6d9;border-radius:9px;background:#fafbf6;margin:10px 0}.context-panel>summary{display:flex;gap:14px;align-items:center;padding:14px 17px;font-size:12px;cursor:pointer;list-style:none}.context-panel>summary:before{content:'+';color:#8aa16f;font-size:17px}.context-panel[open]>summary:before{content:'−'}.context-panel>summary>span{margin-left:auto;font-size:10px;color:#8b9780}.context-content{padding:4px 18px 18px}.context-content>p{font-size:12px;line-height:1.9;margin:10px 0}.context-content .connection{background:#fff}.tree-root{gap:20px;align-items:center}.tree-root>small{font-size:10px;color:#b9c9b6;font-weight:400}.compact.framework-tree .product-node>summary{grid-template-columns:1fr auto;gap:7px;padding:10px 12px}.compact.framework-tree .product-preview{grid-column:1/-1;grid-row:2;padding-left:17px;font-size:10px}.compact.framework-tree summary>small{grid-column:2;grid-row:1;font-size:9px}.compact.framework-tree summary>b{font-size:12px}.compact .branch-index{display:none}.compact .family-body{padding:0 9px}.compact .family-boundary{font-size:11px}.relation-strip{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:21px 22px;border:1px solid #d9e2cf;background:#edf3e5;border-radius:9px;font-size:13px}.relation-strip span{color:#8ba470}.schema-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 25px}.schema-grid section{padding:19px;border:1px solid var(--line);background:white;border-radius:9px}.schema-grid h3{font-size:13px;margin-bottom:8px}.schema-grid p{font-size:12px;line-height:1.9}.schema-table-wrap{overflow:auto}.schema-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:560px}.schema-table th,.schema-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.schema-table th{font-size:11px;color:#6f805f}.method-grid{margin-top:22px}.framework-status{margin-top:20px}.feature .metal-chips{padding:0}.framework-caption a:hover{text-decoration:underline}.family-actions>span{overflow-wrap:anywhere}.product-toolbar{margin-bottom:20px}.catalog-items a{padding:5px 7px}.stats{flex-wrap:wrap}.stat span{white-space:nowrap}
@media(max-width:1100px){.framework-flow{gap:10px;padding:17px}.framework-flow b{font-size:12px}.framework-flow small{font-size:9px}.framework-caption{display:block}.framework-caption>a{display:block;margin-top:5px}.framework-tree .product-node>summary{grid-template-columns:minmax(160px,1fr) minmax(120px,1fr) auto;gap:10px}.branch-index{margin-right:7px}}
@media(max-width:760px){.framework-flow{display:grid;grid-template-columns:1fr 12px 1fr;gap:13px 8px;padding:18px}.framework-flow>div{width:auto}.framework-flow>span:nth-child(4),.framework-flow>span:nth-child(8){display:none}.framework-flow>.flow-focus{grid-column:1}.framework-flow>div:last-child{grid-column:1/-1;border-top:1px solid #45614e;padding-top:10px}.framework-flow b{font-size:13px}.framework-flow small{font-size:10px}.framework-caption{font-size:10px}.framework-tree .product-node>summary{grid-template-columns:1fr auto;gap:6px 8px;padding:13px 11px}.framework-tree .product-preview{grid-column:1/-1;grid-row:2;padding-left:16px;font-size:11px}.framework-tree .product-node>summary b{font-size:12px}.framework-tree .product-node>summary>small{font-size:9px;grid-column:2;grid-row:1}.branch-index{display:none}.family-body{padding:0 9px}.family-boundary{font-size:11px}.family-boundary>span{display:block;margin:0 0 3px}.example-label>span{display:block;margin:3px 0}.family-actions{align-items:flex-start;flex-direction:column;gap:8px}.outline-message{font-size:11px}.small-heading{display:block;margin:4px 0 0;font-size:10px}.context-panel>summary{font-size:11px;padding:13px 12px;flex-wrap:wrap;gap:7px}.context-panel>summary>span{font-size:9px}.context-content{padding:0 13px 14px}.tree-root{display:block;font-size:13px}.tree-root small{display:block;margin-top:4px}.schema-grid{grid-template-columns:1fr;gap:10px}.relation-strip{font-size:11px;padding:16px;gap:10px}.tree-metal>summary{flex-wrap:wrap;gap:7px}.compact.framework-tree .product-node>summary{padding:10px 8px}.compact.framework-tree summary>b{font-size:11px}.compact .family-actions>span{font-size:9px}.stats{gap:13px}.stat{padding-right:10px}.stat strong{font-size:22px}.stat span{font-size:9px}.product-toolbar{justify-content:space-between}.product-toolbar>span{font-size:9px;flex:1}.section-line .button{font-size:10px}}
@media print{.framework-caption a,.family-actions{display:none}.framework-flow{border:1px solid #aaa;background:white;color:#222}.framework-flow b,.framework-flow .flow-focus b{color:#222}.framework-flow small{color:#555}.product-node{break-inside:avoid}.context-panel{break-inside:avoid}}

.use-status{font-size:9px;font-style:normal;padding:2px 5px;border-radius:3px;background:#eef1e7;color:#677258;margin-left:5px;white-space:nowrap}.use-status.legacy{background:#f0ede7;color:#937c60}.use-status.research{background:#eaeaf5;color:#77718e}.application-notice{padding:12px 15px;margin-bottom:18px;background:#f1eee4;border-radius:7px;color:#897447;font-size:12px;line-height:1.8}.branch-links{display:flex;flex-wrap:wrap;gap:6px 13px;margin:13px 0 0}.branch-links a{font-size:10px;color:#65805d;text-decoration:underline;text-underline-offset:3px}.family-route-links{display:grid;gap:7px}.family-route-links button{font:inherit;text-align:left;border:1px solid #e1e7d7;border-radius:7px;padding:12px;background:#fbfcf8;color:#4b6549;cursor:pointer}.family-route-links b{display:block;font-size:12px}.family-route-links span{display:block;font-size:11px;margin-top:5px;color:#7d8b75}.product-node{scroll-margin-top:85px}.framework-tree .product-node>summary .ready-label{font-size:10px;white-space:nowrap}.application-row small{line-height:1.8}.application-row>span:first-child{min-width:0}.connection{overflow-wrap:anywhere}
