.mbx-reference{--mbx-blue:#6ea8fe;scroll-margin-top:90px}
.mbx-reference a{color:var(--fg,#eaf1ff)}
.mbx-reference-head{display:flex;justify-content:space-between;gap:16px}
.mbx-category{color:var(--mbx-blue);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mbx-intro{max-width:80ch;font-size:1.1rem;line-height:1.8}
.mbx-reference p,.mbx-steps{line-height:1.8}
.mbx-steps{padding-left:24px}.mbx-steps li+li{margin-top:10px}
.mbx-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.mbx-section-nav a{font-size:.8rem;padding:8px 12px;border:1px solid #ffffff20;border-radius:8px;text-decoration:none}
.mbx-section-nav a:hover{background:#6ea8fe14;border-color:var(--mbx-blue)}
.mbx-detail-section{scroll-margin-top:90px;padding:30px 0;border-top:1px solid #ffffff18}
.mbx-detail-section h3{font-size:1.35rem;margin:0 0 18px}
.mbx-figure{margin:24px 0 28px}.mbx-figure a{display:block;max-width:1050px}
.mbx-figure img{display:block;width:100%;height:auto;border:1px solid #ffffff20;border-radius:12px;background:#0e1320}
.mbx-figure figcaption{color:var(--muted,#a7b3c8);font-size:.8rem;line-height:1.7;margin-top:10px;max-width:1050px}
.mbx-figure figcaption span{display:block;font-size:.76rem}
.mbx-controls{margin:0}.mbx-controls>div{display:grid;grid-template-columns:minmax(150px,26%) 1fr;gap:24px;padding:18px 0;border-bottom:1px solid #ffffff10}
.mbx-controls dt{font-weight:600;line-height:1.6}.mbx-controls dd{margin:0;line-height:1.75;color:var(--muted,#a7b3c8)}
.mbx-workflows{margin:32px 0}.mbx-workflow{margin:12px 0;border:1px solid #ffffff20;border-radius:12px;background:#101827;scroll-margin-top:90px}
.mbx-workflow summary{padding:18px 20px;cursor:pointer;line-height:1.6;color:var(--muted,#a7b3c8)}
.mbx-workflow summary span{display:inline-block;margin-right:12px;color:var(--fg,#eaf1ff);font-weight:650}
.mbx-workflow[open] summary{border-bottom:1px solid #ffffff16}.mbx-workflow>div{padding:20px}
.mbx-note{background:#151d2b;border:1px solid #ffffff16;border-radius:12px;padding:20px;margin:24px 0;line-height:1.8}.mbx-note summary{cursor:pointer;font-weight:600}
.mbx-browse-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:40px;scroll-margin-top:90px}.mbx-browse-head h2{margin:0}
.mbx-browse-head label{display:grid;gap:8px;color:var(--muted,#a7b3c8);font-size:.8rem}
.mbx-browse-head input{width:300px;max-width:100%;padding:12px 16px;border:1px solid #ffffff26;background:#121a29;color:#eaf1ff;border-radius:8px;font:inherit}
.mbx-meta{font-size:.8rem;color:#aab7c8}
.mbx-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mbx-feature-card{display:block;border:1px solid #ffffff1c;border-radius:14px;background:#101827;text-decoration:none;overflow:hidden;transition:border-color .15s;min-width:0}
.mbx-feature-card:hover{border-color:var(--mbx-blue)}.mbx-feature-card img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;background:#0e1320}
.mbx-feature-card>div{padding:20px}.mbx-feature-card h3{margin:10px 0;font-size:1.15rem}.mbx-feature-card p{color:var(--muted,#a7b3c8);font-size:.88rem;line-height:1.7;margin-bottom:18px}.mbx-card-link{font-size:.8rem;color:var(--mbx-blue)}
.mbx-related{border-top:1px solid #ffffff18;padding:24px 0}.mbx-related>div{display:flex;flex-wrap:wrap;gap:12px 24px}.mbx-related a{color:var(--mbx-blue);font-size:.9rem}
.mbx-reference [hidden]{display:none!important}.mbx-reference a:focus-visible,.mbx-reference input:focus-visible,.mbx-reference summary:focus-visible{outline:2px solid var(--mbx-blue);outline-offset:4px}
@media(max-width:1000px){.mbx-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mbx-feature-grid{grid-template-columns:1fr}.mbx-browse-head{display:block}.mbx-browse-head label{margin-top:18px}.mbx-browse-head input{width:100%}.mbx-controls>div{display:block}.mbx-controls dt{margin-bottom:8px}.mbx-detail-section{padding:22px 0}.mbx-reference-head{align-items:flex-start;flex-direction:column}.mbx-figure img{border-radius:7px}.mbx-workflow summary{padding:14px 16px}.mbx-workflow summary span{display:block}.mbx-workflow>div,.mbx-note{padding:16px}}