.mono-mermaid-wrap{flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto 2rem;display:flex}.mono-mermaid-wrap .mermaid{justify-content:center;width:100%;display:flex}.mono-mermaid-wrap .mermaid svg{max-width:100%;height:auto}.mono-tradeoffs-section{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:2rem auto;padding:0 1rem;display:grid}.mono-tradeoff-column{border:1px solid var(--border);background:#0003;border-radius:12px;padding:1.6rem}.mono-tradeoff-title{font-family:var(--font-display);border-bottom:2px solid var(--border);margin-bottom:1.2rem;padding-bottom:.8rem;font-size:1rem;font-weight:700}.mono-tradeoff-title.benefits{color:#69f0ae;border-bottom-color:#69f0ae}.mono-tradeoff-title.challenges{color:#ff9100;border-bottom-color:#ff9100}.mono-benefit-list,.mono-challenge-list{flex-direction:column;gap:1rem;display:flex}.mono-benefit-item,.mono-challenge-item{background:#00000026;border-radius:8px;align-items:flex-start;gap:.8rem;padding:.8rem;transition:all .2s;display:flex}.mono-benefit-item:hover,.mono-challenge-item:hover{background:#00000040;transform:translate(4px)}.mono-benefit-icon,.mono-challenge-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;display:flex}.mono-benefit-icon{color:#69f0ae;background:#69f0ae26}.mono-challenge-icon{color:#ff9100;background:#ff910026}.mono-benefit-name,.mono-challenge-name{font-family:var(--font-display);color:var(--text-hi);font-size:.8rem;font-weight:600}.mono-benefit-desc,.mono-challenge-desc{color:var(--text-dim);margin-top:.2rem;font-size:.72rem}.mono-flow-section{z-index:1;max-width:1100px;margin:2rem auto 3rem;padding:0 1rem;position:relative}.mono-flow-controls{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.mono-flow-btn{background:var(--surface);color:var(--text);border:1px solid var(--border2);font-size:.75rem;font-family:var(--font-mono);cursor:pointer;border-radius:8px;padding:.5rem 1rem;transition:all .25s}.mono-flow-btn:hover{border-color:var(--cyan);color:var(--cyan);background:#22d3ee0d}.mono-flow-btn.active{background:linear-gradient(135deg,var(--cyan),#22d3eecc);color:#000;border-color:var(--cyan);font-weight:700;box-shadow:0 0 16px #22d3ee66}.mono-flow-container{border:1px solid var(--border);background:#12161f80;border-radius:12px;margin-top:1.5rem;padding:2rem}.mono-flow-header{text-align:center;margin-bottom:2rem}.mono-flow-title{font-family:var(--font-display);color:var(--text-hi);margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.mono-flow-desc{color:var(--text-dim);font-size:.8rem}.mono-flow-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;min-height:200px;margin:2rem 0;display:flex}.mono-node{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mono-node:before{content:"";opacity:0;background:linear-gradient(135deg,#22d3ee1a 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.mono-node:hover{border-color:var(--cyan);background:#22d3ee0d;transform:translateY(-4px)}.mono-node:hover:before{opacity:1}.mono-node.active{border-color:var(--cyan);background:#22d3ee26;animation:1.2s ease-in-out infinite pulse-node-cyan;box-shadow:0 0 20px #22d3ee66,inset 0 0 20px #22d3ee1a}@keyframes pulse-node-cyan{0%,to{box-shadow:0 0 20px #22d3ee66,inset 0 0 20px #22d3ee1a}50%{box-shadow:0 0 30px #22d3ee99,inset 0 0 30px #22d3ee26}}.mono-node-icon{z-index:1;margin-bottom:.6rem;font-size:2.2rem;display:block}.mono-node-label{font-size:.75rem;font-family:var(--font-mono);color:var(--text-dim);text-align:center;z-index:1;line-height:1.3}.mono-node.active .mono-node-label{color:var(--cyan);font-weight:600}.mono-step-indicator{background:#22d3ee0d;border:1px solid #22d3ee33;border-radius:10px;flex-direction:column;justify-content:center;min-height:60px;margin-top:2rem;padding:1.2rem;display:flex}.mono-step-text{color:var(--text);font-size:.85rem;font-family:var(--font-display);min-height:1.3em;margin:0 0 .8rem;line-height:1.5}.mono-step-progress{align-items:center;gap:.8rem;display:flex}.mono-step-bar{background:var(--border);border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.mono-step-fill{background:linear-gradient(90deg,var(--cyan),#22d3ee);border-radius:3px;height:100%;transition:width .4s}.mono-step-count{color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono);white-space:nowrap}.mono-comparison-wrap{max-width:1200px;margin:0 auto 2rem;padding:0 1rem;overflow-x:auto}.mono-comparison-table{border-collapse:collapse;border:1px solid var(--border);border-radius:8px;width:100%;font-size:.8rem;overflow:hidden}.mono-comparison-table thead{border-bottom:2px solid var(--border);background:#22d3ee14}.mono-comparison-table th{text-align:left;font-family:var(--font-display);color:var(--cyan);letter-spacing:.5px;padding:.8rem;font-weight:700}.mono-comparison-table td{border-bottom:1px solid var(--border2);color:var(--text);padding:.8rem}.mono-comparison-table tbody tr:hover{background:#22d3ee0d}.mono-comparison-table tbody tr:last-child td{border-bottom:none}.mono-aspect-cell{color:var(--text-hi);font-weight:600;font-family:var(--font-display);width:140px}.monolith-highlight{text-align:center;background:#22d3ee14;border-right:1px solid #22d3ee33;width:100px}.microservices-dim{text-align:center;background:#7c4dff05;width:100px}.score-mono{font-family:var(--font-mono);color:var(--cyan);font-weight:700}.score-ms{font-family:var(--font-mono);color:var(--purple);opacity:.6;font-weight:700}.mono-resources-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.mono-resource-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;padding:1.4rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.mono-resource-card:hover{border-color:var(--cyan);background:#22d3ee0d;transform:translateY(-6px);box-shadow:0 12px 32px #22d3ee26}.mono-resource-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.mono-resource-type{font-size:1.4rem}.mono-resource-icon{color:var(--text-dim);transition:all .2s}.mono-resource-card:hover .mono-resource-icon{color:var(--cyan);transform:translate(3px)translateY(-3px)}.mono-resource-title{font-family:var(--font-display);color:var(--text-hi);font-size:.9rem;font-weight:700;line-height:1.4}@media (max-width:768px){.mono-node{width:100px;height:100px}.mono-node-icon{font-size:1.8rem}.mono-node-label{font-size:.65rem}.mono-comparison-table th,.mono-comparison-table td{padding:.5rem}.mono-aspect-cell{width:auto}.mono-resources-grid{grid-template-columns:1fr}}[data-theme=light] .mono-flow-section,[data-theme=light] .mono-mermaid-wrap{--bg:#080b10;--surface:#0e1219;--surface2:#151c27;--border:#1e2a3a;--border2:#253040;--text:#c9d3e0;--text-dim:#5a6a7e;--text-hi:#eef2f8;--cyan:#00e5ff;--purple:#b985f4;--green:#3effa3;--dim:#1e1e2e;background:#12161f;border:1px solid #1e2a3a;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000026}