.illustration-wrap{border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;max-width:700px;height:200px;font-family:var(--font-mono);border-radius:12px;margin:28px auto;position:relative;overflow:hidden}.illust-ask-agent{grid-template-columns:1fr auto 1fr;align-items:center;height:100%;display:grid}.ask-panel{flex-direction:column;gap:8px;height:100%;padding:16px;display:flex;position:relative}.ask-panel-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:600}.ask-panel-slack{position:relative;overflow:hidden}.slack-msg{opacity:0;align-items:center;gap:8px;animation:5s infinite slackMsgIn;display:flex}.slack-msg:nth-child(2){animation-delay:0s}.slack-msg:nth-child(3){animation-delay:.6s}.slack-msg:nth-child(4){animation-delay:1.2s}.slack-avatar{background:var(--border-subtle);border-radius:4px;flex-shrink:0;width:20px;height:20px}.slack-text{background:var(--border-subtle);border-radius:3px;width:80%;height:10px}.slack-text.short{width:55%}.slack-waiting{color:var(--text-muted);opacity:0;font-size:10px;animation:5s 1.8s infinite slackWait}.slack-strikethrough{transform-origin:0;background:#f14d4c;background:lab(57.3944% 63.124 38.0626);height:2px;animation:5s 2.5s infinite strikeThrough;position:absolute;top:50%;left:16px;right:16px;transform:scaleX(0)}@keyframes slackMsgIn{0%{opacity:0;transform:translateY(4px)}15%{opacity:.5;transform:translateY(0)}50%{opacity:.5}60%{opacity:.2}to{opacity:.2}}@keyframes slackWait{0%{opacity:0}10%{opacity:.6}30%{opacity:.6}50%{opacity:.2}to{opacity:.2}}@keyframes strikeThrough{0%{opacity:0;transform:scaleX(0)}10%{opacity:.7}30%{opacity:.7;transform:scaleX(1)}80%{opacity:.7;transform:scaleX(1)}to{opacity:.3;transform:scaleX(1)}}.ask-divider{justify-content:center;align-items:center;padding:0 8px;display:flex}.ask-arrow{color:var(--accent-teal);opacity:0;font-size:20px;animation:5s 2.8s infinite arrowPulse}@keyframes arrowPulse{0%{opacity:0;transform:translate(-4px)}15%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:.5}}.ask-panel-agent{border-left:1px solid var(--border-subtle)}.agent-scan-lines{flex-direction:column;gap:6px;display:flex}.agent-scan-line{background:var(--accent-teal);opacity:0;transform-origin:0;border-radius:3px;height:10px;animation:5s infinite agentScan}.agent-scan-line:first-child{width:85%;animation-delay:3s}.agent-scan-line:nth-child(2){width:65%;animation-delay:3.2s}.agent-scan-line:nth-child(3){width:90%;animation-delay:3.4s}.agent-scan-line:nth-child(4){width:50%;animation-delay:3.6s}@keyframes agentScan{0%{opacity:0;transform:scaleX(0)}15%{opacity:.6;transform:scaleX(1)}70%{opacity:.6}to{opacity:.3}}.agent-answer{opacity:0;align-items:center;gap:6px;margin-top:10px;animation:5s 4s infinite answerAppear;display:flex}.agent-answer svg{stroke:#7bd77f;stroke:lab(78.6455% -42.0204 34.2976);stroke-width:3px;fill:none;width:18px;height:18px}.agent-answer span{color:#7bd77f;color:lab(78.6455% -42.0204 34.2976);font-size:10px;font-weight:700}@keyframes answerAppear{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.illustration-wrap *,.illustration-wrap :before,.illustration-wrap :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.illust-feedback{grid-template-columns:1fr 1fr;gap:0;height:100%;display:grid}.illust-feedback .panel{flex-direction:column;padding:16px;display:flex;position:relative}.illust-feedback .panel-left{border-right:1px solid var(--border-subtle)}.illust-feedback .panel-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:600}.illust-feedback .terminal-lines{flex-direction:column;flex:1;gap:6px;display:flex;overflow:hidden}.illust-feedback .terminal-line{background:var(--accent-teal);opacity:0;border-radius:3px;height:10px;animation:4s infinite typeLine}.illust-feedback .terminal-line:first-child{width:80%;animation-delay:0s}.illust-feedback .terminal-line:nth-child(2){width:60%;animation-delay:.5s}.illust-feedback .terminal-line:nth-child(3){width:90%;animation-delay:1s}.illust-feedback .terminal-line:nth-child(4){width:45%;animation-delay:1.5s}.illust-feedback .terminal-line:nth-child(5){width:70%;animation-delay:2s}@keyframes typeLine{0%{opacity:0;transform-origin:0;transform:scaleX(0)}15%{opacity:.6;transform:scaleX(1)}80%{opacity:.6}to{opacity:.3}}.illust-feedback .checkmark{opacity:0;background:#30bd4426;background:lab(67.5649% -56.2955 48.2502/.15);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto;animation:4s 2.5s infinite checkAppear;display:flex}@keyframes checkAppear{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.5}}.illust-feedback .checkmark svg{stroke:#7bd77f;stroke:lab(78.6455% -42.0204 34.2976);stroke-width:3px;fill:none;width:30px;height:30px}.illust-tools{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.illust-tools .center-node{border:2px solid var(--accent-teal);width:70px;height:70px;color:var(--accent-teal);z-index:2;background:#131d47;background:lab(12.0527% 8.53411 -28.4176);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.illust-tools .orbit-node{background:var(--bg-elevated,#0e1216);border:1px solid var(--border-subtle);width:52px;height:52px;color:var(--text-muted);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex;position:absolute}@supports (color:lab(0% 0 0)){.illust-tools .orbit-node{background:var(--bg-elevated,lab(5.25641% -.716366 -2.91725))}}.illust-tools .orbit-node:nth-child(2){top:20px;left:50%;transform:translate(-50%)}.illust-tools .orbit-node:nth-child(3){top:45px;right:60px}.illust-tools .orbit-node:nth-child(4){bottom:45px;right:60px}.illust-tools .orbit-node:nth-child(5){bottom:20px;left:50%;transform:translate(-50%)}.illust-tools .orbit-node:nth-child(6){bottom:45px;left:60px}.illust-tools .orbit-node:nth-child(7){top:45px;left:60px}.illust-tools .connection-line{background:var(--border-subtle);transform-origin:0;z-index:1;width:100px;height:2px;position:absolute;top:50%;left:50%}.illust-tools .connection-line:after{content:"";background:var(--accent-teal);border-radius:50%;width:6px;height:6px;animation:2s infinite pulseTravel;position:absolute;top:-2px;left:0}.illust-tools .connection-line:nth-child(8){transform:rotate(0)}.illust-tools .connection-line:nth-child(9){transform:rotate(60deg)}.illust-tools .connection-line:nth-child(10){transform:rotate(120deg)}.illust-tools .connection-line:nth-child(11){transform:rotate(180deg)}.illust-tools .connection-line:nth-child(12){transform:rotate(240deg)}.illust-tools .connection-line:nth-child(13){transform:rotate(300deg)}.illust-tools .connection-line:nth-child(9):after{animation-delay:.3s}.illust-tools .connection-line:nth-child(10):after{animation-delay:.6s}.illust-tools .connection-line:nth-child(11):after{animation-delay:.9s}.illust-tools .connection-line:nth-child(12):after{animation-delay:1.2s}.illust-tools .connection-line:nth-child(13):after{animation-delay:1.5s}@keyframes pulseTravel{0%{opacity:1;left:0}to{opacity:0;left:90px}}.illust-parallel{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:6px;height:100%;padding:12px;display:grid}.illust-parallel .terminal-pane{border:1px solid var(--border-subtle);background:#010309;background:lab(.872366% .0483319 -2.26578);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;overflow:hidden}.illust-parallel .pane-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-teal);margin-bottom:4px;font-size:9px;font-weight:700}.illust-parallel .pane-cursor{background:var(--text-muted);width:6px;height:12px;animation:1s steps(2,end) infinite blink;display:inline-block}.illust-parallel .pane-text{background:var(--text-muted);opacity:0;border-radius:2px;height:8px;animation:3s infinite typeParallel}.illust-parallel .terminal-pane:first-child .pane-text{width:70%;animation-delay:0s}.illust-parallel .terminal-pane:nth-child(2) .pane-text{width:85%;animation-delay:.4s}.illust-parallel .terminal-pane:nth-child(3) .pane-text{width:55%;animation-delay:.8s}.illust-parallel .terminal-pane:nth-child(4) .pane-text{width:75%;animation-delay:1.2s}@keyframes typeParallel{0%{opacity:0;transform-origin:0;transform:scaleX(0)}20%{opacity:.5;transform:scaleX(1)}80%{opacity:.5}to{opacity:.2}}@keyframes blink{0%{opacity:1}50%{opacity:0}}.illust-review{grid-template-columns:1fr auto;align-items:center;gap:24px;height:100%;padding:20px;display:grid}.illust-review .diff-lines{flex-direction:column;gap:5px;display:flex}.illust-review .diff-line{opacity:0;background:#30bd444d;background:lab(67.5649% -56.2955 48.2502/.3);border-left:3px solid #30bd44;border-left:3px solid lab(67.5649% -56.2955 48.2502);border-radius:3px;height:10px;animation:3s infinite diffAppear}.illust-review .diff-line:first-child{width:200px;animation-delay:0s}.illust-review .diff-line:nth-child(2){width:160px;animation-delay:.3s}.illust-review .diff-line:nth-child(3){width:240px;animation-delay:.6s}.illust-review .diff-line:nth-child(4){width:180px;animation-delay:.9s}.illust-review .diff-line:nth-child(5){width:220px;animation-delay:1.2s}.illust-review .diff-line:nth-child(6){width:140px;animation-delay:1.5s}@keyframes diffAppear{0%{opacity:0}20%{opacity:.7}80%{opacity:.7}to{opacity:.3}}.illust-review .magnifier{width:60px;height:60px;animation:3s ease-in-out infinite scanGlow;position:relative}.illust-review .magnifier svg{width:100%;height:100%;stroke:var(--accent-teal);fill:none;stroke-width:2px}@keyframes scanGlow{0%,to{filter:drop-shadow(0 0 4px var(--accent-teal));transform:translateY(0)}50%{filter:drop-shadow(0 0 12px var(--accent-teal));transform:translateY(-6px)}}.illust-flywheel{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.illust-flywheel .flywheel-ring{border:3px solid var(--border-subtle);border-radius:50%;width:150px;height:150px;animation:12s linear infinite spinSlow;position:relative}.illust-flywheel .flywheel-ring:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:10px solid var(--accent-teal);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.illust-flywheel .flywheel-label{color:var(--text-muted);white-space:nowrap;text-align:center;font-size:9px;font-weight:600;position:absolute}.illust-flywheel .flywheel-label:nth-child(2){top:10px;left:50%;transform:translate(-50%)}.illust-flywheel .flywheel-label:nth-child(3){top:50%;right:20px;transform:translateY(-50%)}.illust-flywheel .flywheel-label:nth-child(4){bottom:10px;left:50%;transform:translate(-50%)}.illust-flywheel .flywheel-label:nth-child(5){top:50%;left:20px;transform:translateY(-50%)}.illust-flywheel .flywheel-arrow{color:var(--accent-teal);font-size:14px;animation:3s infinite fadeInOut;position:absolute}.illust-flywheel .flywheel-arrow:nth-child(6){top:30px;right:40px}.illust-flywheel .flywheel-arrow:nth-child(7){animation-delay:.75s;bottom:30px;right:40px}.illust-flywheel .flywheel-arrow:nth-child(8){animation-delay:1.5s;bottom:30px;left:40px}.illust-flywheel .flywheel-arrow:nth-child(9){animation-delay:2.25s;top:30px;left:40px}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:600px){.illustration-wrap{height:160px}.illust-tools .orbit-node{width:40px;height:40px;font-size:8px}.illust-tools .center-node{width:55px;height:55px;font-size:10px}.illust-review .diff-line:first-child{width:120px}.illust-review .diff-line:nth-child(2){width:100px}.illust-review .diff-line:nth-child(3){width:140px}.illust-review .diff-line:nth-child(4){width:110px}.illust-review .diff-line:nth-child(5){width:130px}.illust-review .diff-line:nth-child(6){width:90px}}
.tldr-button{background:linear-gradient(135deg, var(--accent-teal), #00a4a4);width:100%;color:var(--bg-deep);font-family:var(--font-display);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:32px;padding:16px 24px;font-size:15px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 20px #00c7c840;box-shadow:0 4px 20px lab(72.5806% -49.1079 -14.6611/.25)}@supports (color:lab(0% 0 0)){.tldr-button{background:linear-gradient(135deg, var(--accent-teal), lab(60.9754% -49.1396 -14.5884))}}.tldr-button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 28px #00c7c859;box-shadow:0 6px 28px lab(72.5806% -49.1079 -14.6611/.35)}.tldr-button:active{transform:translateY(0)}.principle-tldr{margin:16px 0 8px}.principle-tldr-btn{color:var(--accent-teal);font-family:var(--font-mono);cursor:pointer;letter-spacing:.02em;background:#00c7c814;background:lab(72.5806% -49.1079 -14.6611/.08);border:1px solid #00c7c84d;border:1px solid lab(72.5806% -49.1079 -14.6611/.3);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.principle-tldr-btn:hover{background:#00c7c826;background:lab(72.5806% -49.1079 -14.6611/.15);border-color:#00c7c880;border-color:lab(72.5806% -49.1079 -14.6611/.5)}.principle-tldr-content{border-left:3px solid var(--accent-teal);background:#00c7c80f;background:lab(72.5806% -49.1079 -14.6611/.06);border-radius:10px;margin-top:10px;padding:14px 16px;overflow:hidden}.principle-tldr-inner{align-items:center;gap:16px;display:flex}.principle-tldr-inner .finale-anim{flex-shrink:0}.principle-tldr-content p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.55}.tldr-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tldr-panel{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:720px;max-height:85vh;padding:32px;overflow-y:auto}.tldr-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.tldr-header h2{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:24px;font-weight:800}.tldr-close{background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;padding:8px;transition:all .2s}.tldr-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.tldr-grid{flex-direction:column;gap:12px;display:flex}.tldr-card{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:10px;padding:16px 18px;transition:border-color .2s}.tldr-card:hover{border-color:#00c7c866;border-color:lab(72.5806% -49.1079 -14.6611/.4)}.tldr-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tldr-card-header{align-items:center;gap:10px;display:flex}.tldr-num{font-family:var(--font-mono);color:var(--accent-teal);background:#00c7c826;background:lab(72.5806% -49.1079 -14.6611/.15);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.tldr-title{font-family:var(--font-display);color:var(--text-primary);font-size:15px;font-weight:700}.tldr-summary{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.55}.tldr-read-full{border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;text-align:center;border-radius:10px;margin-top:24px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:block}.tldr-read-full:hover{background:var(--bg-elevated);color:var(--accent-teal);border-color:var(--accent-teal)}@media (max-width:600px){.tldr-panel{padding:20px}.tldr-header h2{font-size:20px}}.article-wrap{max-width:760px;margin:0 auto}.article-hero{border-bottom:1px solid var(--border-subtle);margin-bottom:56px;padding-bottom:32px}.article-hero .eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-teal);margin:0 0 14px;font-size:12px;font-weight:600}.article-hero h1{letter-spacing:-.02em;font-size:44px;font-weight:800;line-height:1.1;font-family:var(--font-display);color:var(--text-primary);margin:0 0 18px}.article-hero .byline{color:var(--text-muted);margin:0;font-size:15px}.article-hero .byline strong{color:var(--text-primary);font-weight:600}.article-wrap h2{letter-spacing:-.015em;font-size:30px;font-weight:800;line-height:1.2;font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px}.article-wrap h2 .num{font-family:var(--font-mono);color:var(--accent-teal);vertical-align:middle;letter-spacing:0;background:#00c7c826;background:lab(72.5806% -49.1079 -14.6611/.15);border-radius:6px;margin-right:12px;padding:4px 10px;font-size:14px;font-weight:600;display:inline-block}.article-wrap h3{letter-spacing:-.01em;font-size:20px;font-weight:700;font-family:var(--font-display);color:var(--text-primary);margin:36px 0 12px}.article-wrap h4{color:var(--text-primary);margin:28px 0 10px;font-size:16px;font-weight:700}.article-wrap p{color:var(--text-secondary);margin:0 0 18px;line-height:1.65}.article-wrap p strong{color:var(--text-primary);font-weight:600}.article-wrap .lede{color:var(--text-primary);font-size:18px;line-height:1.6}.article-wrap ul,.article-wrap ol{color:var(--text-secondary);margin:0 0 20px;padding-left:22px}.article-wrap li{margin-bottom:8px;line-height:1.6}.article-wrap li strong{color:var(--text-primary)}.article-wrap blockquote{border-left:3px solid var(--accent-teal);color:var(--text-primary);background:#00c7c814;background:lab(72.5806% -49.1079 -14.6611/.08);border-radius:0 8px 8px 0;margin:24px 0;padding:18px 22px;font-size:16px}.article-wrap blockquote p{color:inherit;margin:0 0 8px}.article-wrap blockquote p:last-child{margin:0}.article-wrap hr{border:0;border-top:1px solid var(--border-subtle);margin:56px 0}.article-wrap table{border-collapse:collapse;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;width:100%;margin:22px 0;font-size:15px;overflow:hidden}.article-wrap th,.article-wrap td{text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:12px 14px}.article-wrap th{background:var(--bg-elevated);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.article-wrap tr:last-child td{border-bottom:0}.article-wrap td{color:var(--text-secondary)}.article-wrap td:first-child,.article-wrap th:first-child{padding-left:18px}.article-wrap td:last-child,.article-wrap th:last-child{padding-right:18px}.article-wrap .principles-table td:first-child{width:40px;color:var(--accent-teal);font-weight:700;font-family:var(--font-mono)}.article-wrap pre{color:#dedede;color:lab(88.4% 0 .0000119209);font-family:var(--font-mono);border:1px solid var(--border-subtle);background:#010309;background:lab(.872366% .0483319 -2.26578);border-radius:10px;margin:22px 0;padding:18px 20px;font-size:13.5px;line-height:1.6;overflow-x:auto}.article-wrap code{font-family:var(--font-mono);font-size:.92em}.article-wrap p code,.article-wrap li code,.article-wrap td code{color:var(--accent-coral);background:#171b1f;background:lab(9.50623% -.98861 -3.51966);border-radius:4px;padding:2px 6px}.article-wrap pre code{color:inherit;background:0 0;padding:0}.article-wrap .callout{color:#a5e0a5;color:lab(83.8667% -27.9624 22.264);background:#30bd4414;background:lab(67.5649% -56.2955 48.2502/.08);border-left:3px solid #30bd44;border-left:3px solid lab(67.5649% -56.2955 48.2502);border-radius:0 8px 8px 0;margin:22px 0;padding:16px 20px;font-size:15.5px}.article-wrap .callout p{color:inherit;margin:0}.article-wrap .callout strong{color:inherit}.article-wrap .mindset{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;margin:28px 0;padding:22px 24px}.article-wrap .mindset .row{align-items:flex-start;gap:14px;display:flex}.article-wrap .mindset .row+.row{margin-top:10px}.article-wrap .mindset .tag{font-family:var(--font-mono);border-radius:4px;flex:none;margin-top:2px;padding:3px 8px;font-size:12px;font-weight:600}.article-wrap .mindset .tag.before{color:#ff9d86;color:lab(75.5182% 44.5108 34.502);background:#ff735726;background:lab(65.9306% 54.1102 43.605/.15)}.article-wrap .mindset .tag.after{color:#7bd77f;color:lab(78.6455% -42.0204 34.2976);background:#30bd4426;background:lab(67.5649% -56.2955 48.2502/.15)}.article-wrap .mindset em{color:var(--text-primary);font-style:italic}.article-wrap .principle-section{margin-top:0;padding-top:16px}.faq-section{border-top:1px solid var(--border-subtle);margin-top:64px;padding-top:48px}.faq-section h2{margin-bottom:24px;font-size:28px;font-weight:700}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-item summary{color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:16px;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item summary:hover{color:var(--accent-teal)}.faq-item summary:after{content:"+";color:var(--text-muted);flex-shrink:0;font-size:22px;font-weight:400;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--text-secondary);padding:0 0 18px;font-size:15px;line-height:1.7}.faq-item code{background:var(--bg-elevated,#0e1216);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:13px}@supports (color:lab(0% 0 0)){.faq-item code{background:var(--bg-elevated,lab(5.25641% -.716366 -2.91725))}}.faq-item a{color:var(--accent-teal);text-underline-offset:3px;text-decoration:underline}.article-wrap .article-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);text-align:center;margin-top:80px;padding-top:32px;font-size:14px}.article-wrap .article-footer strong{color:var(--text-primary)}.mcp-hub-diagram{background:var(--bg-surface);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;margin:28px 0;padding:32px 24px}.mcp-hub-center{border:2px solid var(--accent-teal);color:var(--accent-teal);font-family:var(--font-mono);background:#131d47;background:lab(12.0527% 8.53411 -28.4176);border-radius:50px;justify-content:center;align-items:center;margin-bottom:24px;padding:12px 28px;font-size:14px;font-weight:700;display:inline-flex}.mcp-hub-spokes{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mcp-hub-node{border:1px solid var(--border-subtle);background:var(--bg-elevated,#0e1216);border-radius:10px;flex-direction:column;gap:4px;padding:16px 12px;transition:border-color .2s;display:flex}@supports (color:lab(0% 0 0)){.mcp-hub-node{background:var(--bg-elevated,lab(5.25641% -.716366 -2.91725))}}.mcp-hub-node:hover{border-color:var(--accent-teal)}.mcp-hub-node strong{color:var(--text-primary);font-size:13px}.mcp-hub-node span{color:var(--text-muted);font-size:11px;line-height:1.4}@media (max-width:600px){.mcp-hub-spokes{grid-template-columns:repeat(2,1fr)}}.verify-flow-diagram{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;align-items:center;gap:20px;margin:28px 0;padding:32px 28px;display:flex}.verify-flow-diagram .verify-top-row{align-items:center;gap:16px;display:flex}.verify-node{text-align:center;border:1px solid var(--border-subtle);border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600}.verify-start{background:var(--bg-elevated,#0e1216);color:var(--accent-teal);border-color:var(--accent-teal);white-space:nowrap;border-radius:50px}@supports (color:lab(0% 0 0)){.verify-start{background:var(--bg-elevated,lab(5.25641% -.716366 -2.91725))}}.verify-decision{background:var(--bg-elevated,#0e1216);color:var(--accent-teal);border-color:var(--accent-teal);padding:16px 24px;font-style:italic}@supports (color:lab(0% 0 0)){.verify-decision{background:var(--bg-elevated,lab(5.25641% -.716366 -2.91725))}}.verify-arrow{color:var(--text-muted);flex-shrink:0;font-size:20px}.verify-arrow-down{color:var(--text-muted);font-size:20px}.verify-branches{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.verify-branch{flex-direction:column;align-items:center;gap:10px;display:flex}.verify-branch-label{text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.verify-label-no{color:#d85a30}.verify-label-yes{color:#639922}.verify-bad{color:#faece7;background:#400d0766;background:lab(12.2403% 24.7445 15.9545/.4);border-color:#d85a30;flex-direction:column;gap:4px;width:100%;padding:16px 24px;display:flex}.verify-bad span{font-size:14px;font-weight:500}.verify-good{border-color:var(--accent-teal);color:#eaf3de;background:#011d0466;background:lab(7.90583% -14.1705 9.96959/.4);flex-direction:column;gap:4px;width:100%;padding:16px 24px;display:flex}.verify-good span{font-size:14px;font-weight:500}.verify-result{color:#eaf3de;white-space:nowrap;background:#011d044d;background:lab(7.90583% -14.1705 9.96959/.3);border-color:#639922;border-radius:50px}@media (max-width:600px){.verify-branches{grid-template-columns:1fr}}.article-wrap .mermaid-container{background:var(--bg-surface);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;margin:28px 0;padding:24px;overflow:auto visible}.article-wrap .mermaid-container svg{max-width:100%;min-height:300px;height:auto!important}@media (max-width:600px){.article-hero h1{font-size:32px}.article-wrap h2{font-size:24px}.article-wrap h2 .num{margin:0 0 10px;display:block}.article-wrap pre{font-size:12.5px}.article-wrap table{font-size:14px}.article-wrap th,.article-wrap td{padding:10px 12px}}.finale-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:520px;margin:0 auto;display:grid}.finale-tile{border:1px solid var(--border-subtle);background:var(--bg-surface);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;transition:border-color .3s,transform .3s;display:flex}.finale-tile:hover{border-color:var(--accent-teal);transform:translateY(-2px)}.finale-num{font-family:var(--font-mono);color:var(--accent-teal);background:#00c7c826;background:lab(72.5806% -49.1079 -14.6611/.15);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.finale-label{font-family:var(--font-display);color:var(--text-primary);font-size:13px;font-weight:600}.finale-anim{justify-content:center;align-items:center;gap:4px;height:28px;margin-top:8px;display:flex}.finale-code-line{background:var(--accent-teal);opacity:.3;border-radius:2px;width:32px;height:3px;animation:2s ease-in-out infinite finale-scan}.finale-code-line.short{width:20px}.finale-code-line:nth-child(2){animation-delay:.3s}.finale-code-line:nth-child(3){animation-delay:.6s}.finale-anim-understand{flex-direction:column;gap:3px}@keyframes finale-scan{0%,to{opacity:.2}50%{opacity:.8}}.finale-check{color:#30bd44;color:lab(67.5649% -56.2955 48.2502);font-size:20px;animation:1.5s ease-in-out infinite finale-pulse}@keyframes finale-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.finale-anim-tools{width:28px;height:28px;position:relative}.finale-anim-tools .finale-dot{background:var(--accent-teal);border-radius:50%;width:5px;height:5px;animation:3s linear infinite finale-orbit;position:absolute}.finale-anim-tools .finale-dot:first-child{animation-delay:0s}.finale-anim-tools .finale-dot:nth-child(2){animation-delay:1s}.finale-anim-tools .finale-dot:nth-child(3){animation-delay:2s}@keyframes finale-orbit{0%{top:0;left:50%}25%{top:50%;left:100%}50%{top:100%;left:50%}75%{top:50%;left:0}to{top:0;left:50%}}.finale-flow-arrow{font-family:var(--font-mono);color:var(--accent-teal);letter-spacing:2px;font-size:14px;animation:2s linear infinite finale-flow}@keyframes finale-flow{0%{opacity:.3;transform:translate(-4px)}50%{opacity:1;transform:translate(4px)}to{opacity:.3;transform:translate(-4px)}}.finale-doc{font-family:var(--font-mono);color:var(--accent-coral);background:#ff73571a;background:lab(65.9306% 54.1102 43.605/.1);border-radius:4px;padding:2px 8px;font-size:14px;font-weight:600;animation:2s ease-in-out infinite finale-shimmer}@keyframes finale-shimmer{0%,to{opacity:.5}50%{opacity:1}}.finale-magnifier{color:var(--text-secondary);font-size:22px;animation:2.5s ease-in-out infinite finale-mag}@keyframes finale-mag{0%,to{transform:translate(-6px)scale(1)}50%{transform:translate(6px)scale(1.1)}}.finale-spin{color:var(--accent-teal);font-size:24px;animation:3s linear infinite finale-rotate}@keyframes finale-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.finale-hand{font-size:18px;animation:2s ease-in-out infinite finale-stop}@keyframes finale-stop{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.finale-anim-parallel{flex-direction:column;gap:2px}.finale-bar{background:var(--accent-teal);border-radius:2px;height:3px;animation:1.5s ease-in-out infinite finale-bar-grow}.finale-bar:first-child{width:24px;animation-delay:0s}.finale-bar:nth-child(2){width:28px;animation-delay:.15s}.finale-bar:nth-child(3){width:20px;animation-delay:.3s}.finale-bar:nth-child(4){width:26px;animation-delay:.45s}@keyframes finale-bar-grow{0%{opacity:.2;transform-origin:0;transform:scaleX(.5)}50%{opacity:.8;transform:scaleX(1)}to{opacity:.2;transform:scaleX(.5)}}@media (prefers-reduced-motion:reduce){.finale-code-line,.finale-check,.finale-dot,.finale-flow-arrow,.finale-doc,.finale-magnifier,.finale-spin,.finale-hand,.finale-bar{opacity:.7;animation:none!important}}@media (max-width:600px){.finale-grid{grid-template-columns:repeat(3,1fr);gap:10px}.finale-tile{padding:16px 8px}.finale-label{font-size:11px}}
