:root{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#263c34;background:#fafbf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#fafbf8;--paper:#fff;--sidebar:#f4f6f1;--ink:#263c34;--muted:#819087;--teal:#176957;--teal-light:#e8f2eb;--border:#e1e7df;--amber:#b88137;--code:#172925}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #c69b50;outline-offset:3px}button{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}p{line-height:1.85}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:650}svg{flex-shrink:0}code,kbd,pre{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace}::selection{background:#cae3d4}button:hover:not(:disabled){color:var(--teal)}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:244px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:30;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:10px;padding:27px 22px 25px;font-weight:760;font-size:21px;letter-spacing:-.7px}.brand-mark{width:37px;height:39px;background:var(--teal);border-radius:11px;color:#fff;display:grid;place-items:center;box-shadow:0 3px 8px #174c3212}.brand-atlas{font-size:18px;font-weight:450;color:#6e8278}.brand small{display:block;font-size:10px;font-weight:450;letter-spacing:1.7px;color:#8c9a92;margin-top:4px}.workspace-selector{margin:0 17px 24px;border:1px solid #dce5da;border-radius:9px;background:#fbfcf9;display:flex;align-items:center;gap:10px;padding:12px 10px}.workspace-icon{display:grid;place-items:center;width:32px;height:34px;border-radius:7px;background:#e6eee4;color:#547550}.workspace-selector strong{font-size:12px;font-weight:650;display:block}.workspace-selector small{font-size:10px;color:#849289;margin-top:5px;display:block}.version-dot{width:5px;height:5px;background:#558865;border-radius:50%;margin-left:auto;margin-right:3px}.nav-caption{font-size:9px;color:#98a196;font-weight:600;letter-spacing:1.3px;padding:0 24px;margin-bottom:10px}.main-nav{padding:0 13px}.main-nav button{width:100%;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;color:#78877e;border-radius:7px;margin:3px 0}.main-nav button.selected{color:#176957;background:#e5eee3;font-weight:650}.main-nav button.selected svg{stroke-width:2.2}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#247452;margin-left:auto}.main-nav button:hover{background:#edf1e9}.chapter-caption{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:21px;margin:20px 17px 7px;padding-left:7px;padding-right:7px}.chapter-caption span{letter-spacing:0;font-size:10px}.chapter-nav{padding:0 13px 15px}.chapter-nav a{display:flex;align-items:center;gap:11px;margin:2px 0;padding:9px 10px;font-size:11px;border-radius:7px;color:#7c897f;position:relative;min-height:34px}.chapter-nav a.selected{background:#fff;border:1px solid #e0e6da;color:#235f4c;box-shadow:0 2px 4px #243a2210;padding:8px 9px;font-weight:600}.chapter-nav a.selected:after{content:"";position:absolute;width:4px;height:4px;background:#428c68;border-radius:50%;right:12px}.chapter-nav a:hover{background:#edf1e9}.chapter-number{font-family:monospace;font-size:10px;width:21px;color:#a6afa4;display:grid;place-items:center}.chapter-number.done{color:#378467}.chapter-nav a.selected .chapter-number{color:#377a5b}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:15px 18px 20px}.sidebar-bottom>button{font-size:11px;display:flex;gap:10px;align-items:center;width:100%;padding:9px 7px;color:#6e8376;text-align:left}.sidebar-bottom>button span{margin-left:auto;font-size:10px;color:#a0aa9e}.sidebar-bottom>button.selected{color:var(--teal);font-weight:650}.side-progress{border:1px solid #dee6d9;border-radius:9px;padding:12px;margin-top:13px;background:#eff3e9}.side-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#899582}.side-progress b{color:#43816a;font-size:11px}.progress-track{height:4px;background:#dce5d6;border-radius:5px;margin:9px 0;overflow:hidden}.progress-track span{display:block;height:100%;background:#5a9a71;border-radius:5px;transition:width .3s}.side-progress small{font-size:9px;color:#a0ab98}.main-shell{margin-left:244px}.topbar{height:73px;display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--border);padding:0 38px;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar-title{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;white-space:nowrap}.topbar-square{width:5px;height:5px;background:#799783;border-radius:1px}.topbar-title>span:last-child{color:#a0aaa0;font-weight:400}.topbar-divider{color:#c3ccc0;margin:0 2px}.search-trigger{margin-left:auto;border:1px solid #e4e8e0;background:#fafbf7;border-radius:7px;display:flex;align-items:center;gap:9px;color:#a0aaa0;font-size:10px;padding:8px 10px;min-width:245px}.search-trigger kbd{background:#f1f3ed;border:1px solid #e3e7dd;border-radius:4px;padding:2px 4px;margin-left:auto;font-size:8px;color:#9da997}.source-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#768877;white-space:nowrap}.live-dot{display:inline-block;width:5px;height:5px;background:#6ca67d;border-radius:50%;flex-shrink:0}.mobile-menu{display:none}.main-content{max-width:1450px;padding:30px 40px 0;margin:auto;min-height:calc(100vh - 73px);outline:none}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px;color:#a1aa9f;margin-bottom:23px}.breadcrumb strong{font-weight:450;color:#788a7b}.lesson-hero{min-height:282px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px;padding:25px 28px 27px 0;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1;max-width:580px;min-width:0}.hero-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.5px;font-weight:650;color:#738d78;margin-bottom:22px}.tiny-square{width:5px;height:5px;background:#628a65}.hero-label-divider{height:10px;width:1px;background:#c5d3c4;margin:0 4px}.lesson-hero h1{font-size:40px;letter-spacing:-1.6px;line-height:1.28;font-weight:650;margin-bottom:20px}.lesson-hero h1 span{color:#328468}.lesson-hero p{font-size:12px;line-height:1.95;color:#8b978a;max-width:490px;margin-bottom:25px}.hero-actions{display:flex;align-items:center;gap:19px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;font-size:11px;font-weight:600;border-radius:6px;white-space:nowrap;min-height:39px}.primary{background:var(--teal);color:#fff;box-shadow:0 3px 6px #285f3d0b;border:1px solid var(--teal)}.primary:hover:not(:disabled){background:#0e5344;color:#fff;box-shadow:0 4px 10px #285f3d22}.secondary{background:#fff;border:1px solid #dfe6db;color:#617d66}.secondary:hover:not(:disabled){background:#f0f5ed;border-color:#bfcfba}.compact{padding:8px 12px;min-height:34px}.hero-time{display:flex;align-items:center;gap:5px;font-size:10px;color:#a1a99b;white-space:nowrap}.bookmark-button{display:flex;color:#9eaa97;border-left:1px solid #e3e9dd;padding:4px 0 4px 15px}.bookmark-button.saved{color:#3b8b65}.port-illustration{width:335px;min-width:285px;height:276px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;background:radial-gradient(circle at center,#eef4e9 0,transparent 65%);isolation:isolate}.port-illustration:before{content:"";position:absolute;top:17px;right:-25px;bottom:17px;left:-25px;z-index:-1;background-image:radial-gradient(#c3cfb8 1px,transparent 1px);background-size:15px 15px;-webkit-mask-image:radial-gradient(ellipse,black,transparent 75%);mask-image:radial-gradient(ellipse,black,transparent 75%)}.illustration-caption{font-size:7px;letter-spacing:2px;color:#adbaa5;position:absolute;top:0}.mini-node{background:#fff;border:1px solid #dfe7d6;padding:10px 12px;border-radius:6px;display:flex;align-items:center;gap:9px;font-size:10px;color:#768e72;box-shadow:0 3px 5px #3a582109}.mini-node.vm{width:194px}.mini-node i{display:block;width:4px;height:4px;border-radius:50%;background:#9db491;margin-left:auto}.mini-line{height:34px;display:flex;flex-direction:column;align-items:center;justify-content:end;color:#9fb18f;position:relative;width:90%}.mini-line:before{content:"";height:22px;width:1px;background:#afc7a2;position:absolute;top:0;left:50%}.mini-line svg{margin-bottom:-1px}.mini-line span{position:absolute;left:53%;top:6px;font-size:8px;color:#a1b495;font-family:monospace;white-space:nowrap}.mini-port{width:255px;padding:17px 16px;border:1px solid #95b795;border-radius:9px;display:flex;align-items:center;gap:12px;box-shadow:0 7px 18px #5b86531b;background:#fafff5;transform:rotate(-2deg)}.port-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #b4cda7;background:#e9f2df;border-radius:10px;color:#689763}.mini-port small{font-size:7px;letter-spacing:1.3px;display:block;color:#92a885;margin-bottom:6px}.mini-port strong{font-family:monospace;font-size:16px;font-weight:500;color:#416d41;letter-spacing:-.8px}.port-chip{align-self:start;font-size:8px;background:#e5eedb;padding:3px 4px;border-radius:3px;color:#81a06f;margin-left:auto}.mini-line.lower{height:32px}.mini-network{width:214px;display:flex;align-items:center;gap:10px;border:1px dashed #bdceb4;border-radius:7px;padding:13px;background:#f4f8ee;font-size:10px;color:#91a183}.network-dots{display:flex;gap:3px;margin-left:auto}.network-dots i{width:3px;height:3px;background:#aec09c;border-radius:50%}.tiny-label{font-size:8px;letter-spacing:2px;margin-top:14px;color:#aaba9d}.chapter-watermark{display:flex;align-items:center;justify-content:center;width:230px;flex-shrink:0;color:#c4d7c2;position:relative;height:240px;background:radial-gradient(#ecf2e8,transparent 65%)}.chapter-watermark>span{font-size:130px;letter-spacing:-14px;font-weight:300;opacity:.5}.chapter-watermark svg{position:absolute;right:4px;bottom:42px}.chapter-watermark small{position:absolute;font-size:8px;letter-spacing:2.5px;bottom:16px}.lesson-tabbar{display:flex;gap:27px;border-bottom:1px solid var(--border);margin-bottom:27px;align-items:stretch}.lesson-tabbar button{display:flex;align-items:center;gap:7px;font-size:11px;color:#889685;padding:13px 0 16px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.lesson-tabbar button.selected{color:#246d55;border-color:#49886b;font-weight:650}.lesson-tabbar small{font-size:8px;padding:1px 4px;background:#eaf0e4;color:#7f9570;border-radius:3px;margin-left:3px}.tabbar-version{font-family:monospace;letter-spacing:1px;font-size:8px;margin-left:auto;color:#b0b9a8;align-self:center}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:31px}.guide-content{min-width:0}.question-banner{display:flex;gap:12px;align-items:center;padding:17px 18px;border:1px solid #e5e8d6;background:#f6f7ec;border-radius:8px}.question-banner>span{display:grid;place-items:center;background:#eff0df;width:34px;height:37px;border:1px solid #e5e7d0;border-radius:7px;color:#b19e64;flex-shrink:0}.question-banner small{display:block;font-size:9px;color:#aaa080;margin-bottom:6px}.question-banner h3{font-size:12px;font-weight:550;color:#7e7759;margin:0;line-height:1.6}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0 30px}.concepts>div{padding:16px;border:1px solid var(--border);border-radius:8px;background:#ffffff96;position:relative}.concepts small{position:absolute;right:12px;top:15px;font-family:monospace;font-size:9px;color:#b6c3b1}.concepts h3{font-family:monospace;font-size:13px;color:#476c52;margin-bottom:9px}.concepts p{font-size:10px;color:#9aa591;line-height:1.7;margin:0;max-width:155px}.reading-sections section{margin:0 0 27px;scroll-margin-top:100px}.reading-sections h2{font-size:16px;display:flex;align-items:center;gap:10px;letter-spacing:-.3px;margin-bottom:12px}.reading-sections h2>span{font-family:monospace;font-size:10px;color:#adba9f;font-weight:400}.reading-sections p{font-size:12px;color:#7d8c7b;line-height:2.1;margin:0}.next-action{display:flex;align-items:center;gap:13px;padding:19px;background:#f0f5eb;border:1px solid #dfe8d6;border-radius:9px;margin-top:33px}.icon-tile{display:grid;place-items:center;width:42px;height:43px;border-radius:9px;border:1px solid #dce6d3;background:#e9f0e1;color:#669168;flex-shrink:0}.next-action h3{font-size:12px;color:#557455;margin:0 0 6px}.next-action p{font-size:10px;color:#95a387;margin:0}.next-action .secondary{margin-left:auto;padding:9px 13px;font-size:10px}.guide-aside{padding-top:2px}.toc{border:1px solid var(--border);border-radius:9px;background:#fff;padding:19px 17px}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:1.8px;color:#92a089;font-weight:550;margin-bottom:13px}.toc>p{font-size:9px;margin-bottom:15px;color:#86977e}.toc button{display:flex;align-items:center;gap:9px;font-size:10px;padding:9px 0;width:100%;color:#96a28e;text-align:left;line-height:1.6}.toc button span{font-family:monospace;color:#b8c2ac;font-size:9px;flex-shrink:0}.toc-footer{border-top:1px solid #edf0e7;margin-top:12px;padding-top:14px;font-size:10px;color:#9baa90;display:flex;gap:8px;align-items:center}.aside-note{padding:21px 20px;margin-top:19px;background:#eef3e6;border-radius:9px;border:1px solid #e2e9d7;position:relative;overflow:hidden}.aside-note>.eyebrow{font-size:8px;letter-spacing:1px;display:block;color:#a5b293}.aside-note>svg{position:absolute;right:18px;top:32px;opacity:.3;color:#7c9f66;transform:rotate(12deg)}.aside-note h3{font-size:16px;font-weight:550;line-height:1.65;color:#628354;margin:24px 0 12px}.aside-note p{font-size:10px;line-height:2;color:#97a786}.aside-note button{display:flex;align-items:center;gap:7px;border-top:1px solid #dfe7d3;font-size:10px;color:#779268;padding:13px 0 0;width:100%;margin-top:20px}.lesson-footer{margin:30px 0 0;padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.completion-button{display:flex;align-items:center;gap:8px;font-size:11px;color:#889981}.empty-circle{width:17px;height:17px;border-radius:50%;border:1px solid #c4d1bd}.completion-button.completed{color:#347653}.lesson-footer>div{display:flex;align-items:center;gap:23px}.next-lesson{display:flex;align-items:center;gap:26px;text-align:left;font-size:11px;color:#536f54}.next-lesson small{display:block;font-size:8px;margin-bottom:6px;color:#a5b39b}.end-message{font-size:10px;color:#8c9e80}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0 24px;border-top:1px solid #e7ece1;margin-top:24px;font-size:9px;color:#a5b29a;gap:15px}.site-footer>span,.site-footer button{display:flex;align-items:center;gap:7px}.site-footer>span>span{margin-left:6px;color:#b6bfae;font-size:8px}.site-footer button{font-size:8px;color:#a3b096}.page-heading{padding:20px 0 31px}.page-heading .eyebrow{margin-bottom:18px}.page-heading h1{font-size:32px;line-height:1.6;letter-spacing:-.8px;margin-bottom:14px}.page-heading h1 span{color:#6c9374}.page-heading>p:last-child{color:#8d9b86;font-size:12px;max-width:650px;margin-bottom:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.section-heading .eyebrow{margin-bottom:10px;font-size:8px}.section-heading h2{font-size:22px;letter-spacing:-.5px;margin:0}.section-description{color:#8f9d86;font-size:11px;line-height:1.9;margin:13px 0 24px}.subtle-tag,.pill{font-size:9px;display:inline-flex;align-items:center;gap:5px;color:#718c62;border:1px solid #dce7d2;background:#eef4e7;padding:5px 8px;border-radius:5px;white-space:nowrap}.amber{color:#aa8a56!important;border-color:#eddfbd!important;background:#faf4e7!important}.small{font-size:10px}.muted{color:#96a18d}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#50835b;padding:4px 0}.icon-button{padding:8px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#edf3e6}.source-tabs{display:flex;gap:3px;overflow:auto;border:1px solid #dfe6d9;border-radius:8px 8px 0 0;background:#f1f4ec;padding:6px 8px;scrollbar-width:thin}.source-tabs button{display:flex;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-family:monospace;border-radius:4px;color:#91a083;white-space:nowrap}.source-tabs button.selected{background:#fff;color:#3f7952;box-shadow:0 1px 3px #4c6c3912}.source-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:0;border:1px solid #dfe6d9;border-top:0;border-radius:0 0 9px 9px;overflow:hidden}.code-panel{min-width:0;background:var(--code);color:#c6d7ca;display:flex;flex-direction:column}.code-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;gap:8px;padding:15px 16px;font-size:9px;color:#93ac9c}.code-toolbar>span{display:flex;gap:7px;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.code-toolbar button{color:#97ae9f;display:flex}.code-toolbar button:hover{color:#fff}.code-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;font-size:8px;color:#6f9380;border-bottom:1px solid #ffffff08;flex-wrap:wrap}.code-meta>span:first-child{display:flex;align-items:center;gap:7px}.code-scroll{overflow:auto;max-height:530px;min-height:240px;padding:13px 0 35px;position:relative;scrollbar-width:thin;scrollbar-color:#3a5647 #172925}.code-line{display:flex;min-width:max-content;font-size:11px;line-height:23px;min-height:23px;border-left:2px solid transparent;padding-right:20px}.code-line.focused{background:#29463a;border-left-color:#aaca79}.code-line>button{width:54px;text-align:right;padding:0 13px 0 3px;font-size:9px;color:#597664;font-family:monospace;position:sticky;left:0;flex-shrink:0;background:#172925}.code-line.focused>button{background:#29463a;color:#afcb8f}.code-line>button.annotated:before{content:"";position:absolute;width:4px;height:4px;left:8px;top:9px;background:#a6bf7c;border-radius:50%}.code-line code{white-space:pre;display:block;padding-left:9px}.syn-comment{color:#6a8973;font-style:italic}.syn-keyword{color:#c1a4d7}.syn-string{color:#b9d590}.syn-self{color:#e2bd82}.syn-number{color:#b7ccec}.code-footer{display:flex;align-items:center;gap:15px;margin-top:auto;padding:13px 16px;font-size:8px;background:#142620;color:#6b8b76;flex-wrap:wrap}.code-footer span,.code-footer button,.code-footer a{display:flex;align-items:center;gap:6px}.code-footer button{font-size:9px;margin-left:auto;color:#aec4ad}.code-footer a{color:#8eaa94}.annotations{background:#fcfdf9;padding:20px 17px;min-width:0}.annotations h3{font-size:11px;display:flex;align-items:center;gap:8px;margin-bottom:17px;color:#6d8864}.annotations h3>span{font-size:9px;margin-left:auto;font-weight:450;color:#a7b498}.annotation{width:100%;text-align:left;border-radius:7px;border:1px solid transparent;padding:12px;margin-bottom:6px;display:block;font-size:10px;line-height:1.9;color:#899b7c}.annotation.selected{border:1px solid #ccddbc;background:#f0f6e9;color:#658151}.annotation:hover{background:#f2f6ed}.annotation-head{display:flex;align-items:center;gap:8px;margin-bottom:7px}.annotation-head b{font-family:monospace;color:#64854b;font-size:9px}.annotation-head small{font-family:monospace;font-size:8px;letter-spacing:1px;color:#a1b091}.annotation-head svg{margin-left:auto;color:#b2c2a1}.annotation-tip{border-top:1px solid #e6eddf;margin-top:18px;padding-top:17px;display:flex;align-items:start;gap:8px;color:#95ac7f}.annotation-tip p{font-size:10px;line-height:1.9;margin:0}.annotation-tip span{font-size:9px;color:#b1bea1}.line-hint{font-size:10px;color:#8e9e80;margin:10px;line-height:1.8}.source-reader{margin-top:8px}.scenario-tabs{display:flex;gap:6px;margin:23px 0 8px}.scenario-tabs button{display:flex;align-items:center;gap:6px;font-size:10px;padding:9px 13px;background:#f4f6ef;border:1px solid #e2e8d9;border-radius:6px;color:#8d9e7d}.scenario-tabs button.selected{background:#eaf2e4;border-color:#adc6a3;color:#4b7b4b}.scenario-description{font-size:10px;color:#a4b297;margin-bottom:18px}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.sequence-panel{border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden;min-width:0;align-self:start}.diagram-title{font-family:monospace;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;padding:16px;border-bottom:1px solid #eaf0e4;color:#839a72}.diagram-title>span:last-child{font-family:inherit;font-size:8px;color:#afbea0;margin-left:auto;letter-spacing:0}.sequence-scroll{overflow-x:auto;scrollbar-width:thin}.sequence-svg{display:block;width:100%;min-width:700px}.sequence-step{cursor:pointer}.sequence-step:hover rect{fill:#f0f5ed}.sequence-step:focus-visible{outline:0}.sequence-step:focus-visible rect{stroke:#c69b50;stroke-width:2}.playback{display:flex;align-items:center;gap:5px;padding:13px 13px 10px;border-top:1px solid #e8efdf;flex-wrap:wrap}.playback>button:not(.primary){display:flex;align-items:center;padding:8px;color:#829973}.playback .primary{font-size:10px;padding:8px 10px;gap:5px}.speed{margin-left:auto;font-size:9px;color:#9cad8a;display:flex;align-items:center;gap:4px}.speed select{font-size:10px;background:#f1f5e9;border:1px solid #e2e9d6;border-radius:4px;padding:4px;color:#7c9569}.step-counter{font-family:monospace;font-size:9px;color:#8ea378;min-width:40px;text-align:right}.timeline-slider{display:block;margin:0 13px 15px;width:calc(100% - 26px);height:3px;accent-color:#388362;cursor:pointer}.flow-inspector{border:1px solid #dfe7d6;background:#f7f9f2;border-radius:9px;padding:21px 17px;min-width:0}.flow-inspector>.eyebrow{font-family:monospace;font-size:9px;color:#8ba176;display:flex;align-items:center;justify-content:space-between}.kind-tag{font-family:inherit;letter-spacing:0;font-size:8px;background:#eaf1e0;padding:4px 6px;border-radius:4px;color:#8da471}.flow-inspector h3{font-size:17px;color:#476f41;margin:19px 0 13px}.step-explanation{font-size:11px;color:#8da078;line-height:2;min-height:120px}.flow-inspector .text-button{font-size:10px;margin:5px 0 20px}.state-card{border:1px solid #e0e8d4;border-radius:6px;background:#fff;padding:14px 12px}.state-card h4,.blocks-card h4{font-family:monospace;font-size:8px;letter-spacing:1px;color:#8ba074;margin-bottom:13px;display:flex;justify-content:space-between}.state-card h4 span,.blocks-card h4 span{font-family:inherit;font-size:8px;letter-spacing:0;color:#b0bc9d;font-weight:400}.state-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #f1f4eb;font-size:9px}.state-row:last-child{border:0}.state-row code{color:#99ab85;font-size:9px}.state-row>span{font-family:monospace;font-size:9px;color:#758d60;overflow-wrap:anywhere}.status{display:inline-block;border-radius:4px;padding:3px 5px;font-size:8px!important}.status.active{background:#e3f1da;color:#56873b}.status.down{background:#f5f0e1;color:#ae9558}.blocks-card{padding:19px 1px 8px}.blocks-card h4{font-family:inherit}.block-row{display:flex;align-items:center;gap:7px;font-size:10px;padding:8px 0;color:#7a9266}.block-row small{margin-left:auto;color:#a8b697;font-size:9px}.block-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f2ebda;color:#c0a467}.block-icon.done{background:#e4efda;color:#7eaa57}.hint-card{display:flex;align-items:start;gap:7px;font-size:9px;color:#9fab8c;line-height:1.8;background:#eff3e7;border-radius:6px;padding:12px;overflow-wrap:anywhere}.hint-card p{margin:0}.hint-card code{font-size:9px}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.quiz-card{border:1px solid #e1e9d9;border-radius:9px;background:#fff;padding:23px;margin-top:24px}.quiz-card h3{font-size:15px;line-height:1.8;margin:18px 0}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-options button{display:flex;gap:10px;align-items:center;text-align:left;padding:13px;border:1px solid #e3e9dc;border-radius:6px;font-size:11px;color:#8b9b7e;line-height:1.7;background:#fcfdf9}.quiz-options button>span{font-family:monospace;background:#f0f4e9;color:#93a581;border-radius:4px;padding:2px 7px}.quiz-options button svg{margin-left:auto}.quiz-options button.correct{border-color:#8bad73;color:#608343;background:#eff6e8}.quiz-options button.incorrect{border-color:#c8a375;color:#a28c5b;background:#faf5e9}.quiz-feedback{font-size:11px;line-height:1.9;border:1px solid #e8d6b7;background:#fbf6ed;border-radius:6px;margin-top:17px;padding:14px;color:#a28d66}.quiz-feedback strong{display:block;margin-bottom:5px}.quiz-feedback.success{color:#6d8c54;background:#f1f7e8;border-color:#dae9c8}.exercise-card{border:1px solid #e2e8d9;background:#f2f6e9;padding:20px;border-radius:9px;margin-top:18px}.exercise-card h3{display:flex;gap:9px;font-size:13px;color:#80996b;align-items:center}.exercise-card p{font-size:11px;color:#93a581;line-height:1.95}.exercise-card small{display:block;border-top:1px solid #e0e8d3;padding-top:12px;font-size:9px;color:#b0bca0}.personal-note{align-self:start;border:1px solid #e4e8d7;background:#fffef8;padding:21px;border-radius:9px;margin-top:4px}.personal-note h3{font-size:13px;display:flex;gap:8px;align-items:center;color:#9b9168}.personal-note p{font-size:11px;line-height:1.9;color:#ada488}.personal-note textarea{display:block;width:100%;resize:vertical;min-height:300px;border:1px solid #e8e9d8;background:#fffef8;border-radius:6px;color:#767b61;padding:12px;font-size:11px;line-height:2}.personal-note textarea::placeholder{color:#c0bba2}.note-footer{display:flex;justify-content:space-between;margin-top:10px;gap:8px;font-size:8px;color:#b7b49a}.roadmap-summary{padding:25px 28px;border:1px solid #dfe8d5;background:#f0f5e8;border-radius:11px;display:flex;gap:22px;align-items:center;margin-bottom:30px}.summary-circle{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.summary-circle>span{display:flex;align-items:baseline;justify-content:center;width:56px;height:56px;border-radius:50%;background:#f0f5e8;font-size:23px;padding-top:15px;font-weight:600;color:#548344}.summary-circle small{font-size:10px;margin-left:2px}.roadmap-summary h3{font-size:16px;color:#527844;margin-bottom:8px}.roadmap-summary p{font-size:11px;color:#9dad8b;margin:0}.roadmap-summary .primary{margin-left:auto}.roadmap-groups{display:flex;flex-direction:column;gap:28px}.roadmap-group{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.roadmap-group-heading{display:flex;gap:17px;padding:24px;border-bottom:1px solid #ebefe5;background:#fcfdf9}.roadmap-group-heading>span{font-family:monospace;font-size:22px;color:#abbf96;line-height:1.3}.roadmap-group-heading h2{font-size:17px;color:#576f4a;margin-bottom:8px}.roadmap-group-heading p{font-size:10px;color:#a0af91;margin:0}.roadmap-lesson{width:100%;display:flex;align-items:center;gap:15px;padding:16px 25px;border-bottom:1px solid #eef2e9;text-align:left}.roadmap-lesson:last-child{border:0}.roadmap-lesson:hover{background:#f5f8f0}.roadmap-step{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e3e9d8;border-radius:50%;color:#9daf8d;background:#f6f9f1;font-size:10px;font-family:monospace}.roadmap-step.done{background:#e9f3df;color:#6e984c;border-color:#d4e5c0}.roadmap-lesson strong{display:block;font-size:12px;font-weight:500;color:#6c825a}.roadmap-lesson small{display:block;margin-top:6px;font-size:10px;color:#a9b79a}.lesson-duration{margin-left:auto;font-size:10px;color:#b1bda2;white-space:nowrap}.roadmap-lesson>svg{color:#becbaf;margin-left:18px}.future-roadmap{margin-top:30px;padding:26px;border:1px dashed #d3ddc5;border-radius:9px;background:#f9faf4}.future-roadmap h2{margin:19px 0 12px;font-size:20px;color:#778963}.future-roadmap p{font-size:11px;line-height:2;color:#a6b097;margin-bottom:0;max-width:750px}.architecture-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.segmented{display:flex;padding:4px;border:1px solid #dfe7d3;border-radius:7px;background:#f0f4e8;gap:3px}.segmented button{display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:11px;border-radius:4px;color:#859c71}.segmented button span{font-size:8px;color:#a3b58d}.segmented button.selected{background:#fff;box-shadow:0 1px 3px #607b3410;color:#47773d;font-weight:600}.architecture-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:20px}.architecture-canvas{border:1px solid #e1e8d7;border-radius:10px;padding:26px 20px;background-color:#fff;background-image:radial-gradient(#e8eddf 1px,transparent 1px);background-size:16px 16px;min-width:0}.arch-client{display:flex;align-items:center;gap:9px;border:1px solid #dae5ce;background:#f8fbf4;border-radius:6px;padding:13px;width:max-content;margin:auto;color:#7b9265;font-size:10px}.arch-client span{font-size:8px;color:#b3c0a4;margin-left:10px}.vertical-link{height:49px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:#a8ba96}.vertical-link>span{font-family:monospace;max-width:80%;line-height:1.8}.arch-zone{border:1px solid #dde6d2;background:#f9fbf5;padding:16px 13px;border-radius:8px}.zone-label{font-family:monospace;font-size:8px;letter-spacing:1.3px;color:#9aad85;margin-bottom:17px}.zone-label span{font-family:inherit;letter-spacing:0;margin-left:8px;font-size:8px;color:#b7c4a8}.arch-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.arch-node{border:1px solid #dae5cb;border-radius:7px;padding:13px 8px 11px;text-align:center;flex:1;background:#fff;min-width:0;min-height:108px;color:#7e9962;transition:.2s}.arch-node-icon{display:flex;align-items:center;justify-content:center;margin-bottom:11px}.arch-node strong{display:block;font-size:10px;font-weight:550;line-height:1.5}.arch-node small{display:block;font-size:8px;color:#adbe97;margin-top:7px}.arch-node.selected{border-color:#8eaf70;background:#eff6e6;box-shadow:0 3px 8px #56773612;color:#608b43}.arch-node:hover{border-color:#a8c18d}.arch-arrow{color:#c0cdb1;width:13px}.agents{background:#f8faf3}.dataplane-row{display:flex;align-items:stretch;gap:9px}.dataplane-row>div,.dataplane-single{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;border:1px solid #2d5942;border-radius:7px;background:#214a38;color:#b2c9a3;padding:20px 8px;flex:1;text-align:center}.dataplane-row strong,.dataplane-single strong{font-size:10px;font-weight:450;line-height:1.4}.dataplane-row small,.dataplane-single small{font-size:8px;color:#789b69;line-height:1.6}.diagram-note{font-size:9px;color:#b3c19f;line-height:1.9;margin:21px 0 0;text-align:center}.ovn-bottom{max-width:390px;margin:auto}.ovn-bottom .arch-node{max-width:180px}.architecture-detail{border:1px solid #e0e8d5;background:#f5f8ee;border-radius:9px;align-self:start;padding:23px 18px}.component-kicker{font-family:monospace;font-size:8px;letter-spacing:1.3px;color:#b0bf99}.architecture-detail h2{font-size:21px;color:#67874f;margin:24px 0 13px;overflow-wrap:anywhere}.architecture-detail>p{font-size:11px;color:#93a57c;line-height:2;margin:20px 0}.architecture-detail h4{font-size:10px;font-weight:500;color:#9daf84;margin:20px 0 12px}.path-text{font-size:9px;line-height:1.8;color:#9cae83;display:block;overflow-wrap:anywhere;padding:11px;background:#edf2e3;border-radius:5px}.architecture-detail .text-button{font-size:9px;margin-top:9px}.architecture-detail .secondary{margin-top:25px;font-size:10px;padding:10px;width:100%}.comparison-note{display:flex;align-items:center;gap:16px;padding:23px;background:#f0f5e7;border:1px solid #dfe8d2;border-radius:9px;margin-top:25px}.comparison-note h3{font-size:13px;color:#6e8b52;margin-bottom:6px}.comparison-note p{font-size:11px;color:#a0b188;margin:0}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.principle-card{border:1px solid #e1e8d4;border-radius:10px;background:#fff;padding:28px;position:relative}.principle-card .eyebrow{font-size:9px;color:#93a879;letter-spacing:1px}.principle-symbol{position:absolute;right:25px;top:23px;color:#acbf95;background:#f1f6e8;border:1px solid #e4ecd8;padding:9px;border-radius:9px;display:flex}.principle-card h2{margin:29px 0 14px;font-size:21px;color:#617f48}.principle-card>p{font-size:12px;color:#9bad84;line-height:2;min-height:72px}.tradeoff{padding:16px;background:#f8f9f1;border:1px solid #ebeddf;border-radius:7px;min-height:140px}.tradeoff h4{font-size:9px;color:#a1a677;font-weight:550;margin-bottom:8px}.tradeoff p{font-size:10px;line-height:2;color:#afb593;margin:0}.principle-card>.text-button{margin-top:21px;font-size:10px}.notebook-toolbar{display:flex;justify-content:space-between;gap:20px;border:1px solid #e0e8d4;border-radius:8px;background:#f1f6e9;padding:17px 18px;align-items:center;margin-bottom:22px}.notebook-toolbar>span{font-size:11px;color:#8c9f72}.notebook-toolbar>div{display:flex;gap:8px}.notebook-toolbar .secondary{font-size:10px;padding:9px 12px;min-height:34px}.notebook-toolbar .icon-button{color:#a6b690}.notebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notebook-card{border:1px solid #e2e7d3;border-radius:9px;background:#fffef9;padding:23px}.notebook-card>div{display:flex;justify-content:space-between;color:#b0b98d}.notebook-card h3{font-size:17px;color:#879764;margin:13px 0}.note-preview{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;color:#9daa7e;max-height:200px;overflow:auto}.notebook-card .text-button{font-size:10px;margin-top:15px}.empty-state{text-align:center;padding:80px 25px;border:1px dashed #dce6cf;border-radius:12px;background:#f7faf0;color:#98ae7c}.empty-state svg{color:#9ab57a;margin-bottom:20px}.empty-state h2{font-size:22px;color:#6f8d51}.empty-state h1{font-size:26px}.empty-state p{font-size:12px;color:#a6b68f;margin:20px 0 25px}.empty-state .primary svg{color:#fff;margin:0}.glossary-list{background:#fff;border:1px solid #e1e8d5;border-radius:10px;overflow:hidden}.glossary-list article{display:grid;grid-template-columns:25px 170px 1fr;gap:20px;align-items:center;padding:23px;border-bottom:1px solid #ecf0e4}.glossary-list article:last-child{border-bottom:0}.glossary-list article>span{font-size:10px;font-family:monospace;color:#b6c7a2}.glossary-list h3{font-size:12px;color:#829d61;margin:0}.glossary-list p{font-size:11px;color:#a0b18a;line-height:1.95;margin:0}.skip-link{position:fixed;left:270px;top:-70px;background:#176957;padding:12px;color:#fff;z-index:100}.skip-link:focus{top:12px}.sidebar-scrim{display:none}dialog{border:1px solid #d3dfc6;border-radius:12px;padding:0;background:#fcfef7;box-shadow:0 30px 80px #1c402440;color:var(--ink);max-width:calc(100vw - 30px)}dialog::backdrop{background:#1731285c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-dialog{width:680px;margin-top:14vh}.search-input-row{display:flex;align-items:center;gap:13px;padding:20px 23px;border-bottom:1px solid #e1e9d5;color:#8ba778}.search-input-row input{flex:1;min-width:0;background:transparent;border:0;font-size:13px;color:#567e42;outline:0}.search-input-row input::placeholder{color:#adbda0}.search-input-row input:focus-visible{outline:0}.search-input-row:focus-within{box-shadow:inset 0 -2px #75a361}.search-input-row button{display:flex;color:#9eb78a}.search-results{padding:20px 13px 16px;max-height:54vh;overflow:auto}.search-results>.eyebrow{padding:0 10px;color:#9eb88b;font-size:9px}.search-results>button{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:13px 10px;border-radius:7px}.search-results>button:hover{background:#edf5e2}.search-result-icon{width:33px;height:36px;background:#edf4e3;border:1px solid #e0eacf;display:grid;place-items:center;border-radius:7px;color:#89a46b}.search-results>button>span:nth-child(2){min-width:0;flex:1}.search-results strong{display:block;overflow-wrap:anywhere;color:#6f8e52;font-size:12px;font-weight:550;line-height:1.5}.search-results small{display:block;font-size:9px;color:#a5b68f;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.result-type{font-size:8px;color:#a9ba92;background:#edf3e4;padding:4px 6px;border-radius:3px}.search-results>button>svg{color:#a7bc8e}.search-help{display:flex;justify-content:space-between;padding:14px 23px;font-size:8px;color:#a4b68d;background:#f0f6e7;border-top:1px solid #e3ecd6;gap:10px}.search-help kbd{white-space:nowrap}.search-empty{text-align:center;padding:25px;color:#afc296}.search-empty h3{font-size:16px;margin:15px 0}.search-empty p{font-size:11px}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border-bottom:1px solid #e0e8d1}.dialog-head h2{display:flex;gap:9px;align-items:center;font-size:20px;margin:0;color:#6d8e4e}.dialog-head p{margin:9px 0 0;font-size:10px;color:#adbb98;overflow-wrap:anywhere}.dialog-head>button{display:flex;padding:6px;color:#99b181}.source-dialog{width:1100px;max-height:90vh;overflow:hidden}.full-source-meta{padding:12px 22px;margin:0;font-size:10px;color:#899f6e;line-height:1.7}.full-source{background:#172925;color:#c1d0b0;overflow:auto;max-height:65vh;margin:0;padding:18px;font-size:11px;line-height:1.9;-moz-tab-size:4;tab-size:4}.full-line>span{display:inline-block;min-width:45px;color:#6c8860;-webkit-user-select:none;user-select:none;text-align:right;padding-right:15px}.info-dialog{width:610px;max-height:90vh}.info-body{padding:25px;font-size:12px;color:#8d9e76}.info-body h3{font-size:23px;margin:23px 0 13px;color:#688947}.commit-code{display:block;font-size:11px;padding:13px;background:#f0f5e8;border:1px solid #e3ecd6;border-radius:6px;color:#7f995a;overflow-wrap:anywhere}.info-body>p{line-height:1.95;margin:18px 0;font-size:11px}.info-body h4{font-size:12px;color:#78994f;margin-top:24px}.confirm-dialog{width:420px;padding:30px}.confirm-dialog h2{font-size:20px;color:#7c8656}.confirm-dialog p{font-size:12px;color:#a6ab85;line-height:1.9}.confirm-dialog>div{display:flex;justify-content:end;gap:10px;margin-top:24px}.danger-button{background:#ab6448;color:#fff;border:1px solid #ab6448;border-radius:6px;font-size:11px;padding:11px 16px}.danger-button:hover:not(:disabled){background:#965439;color:#fff}.toast{position:fixed;left:calc(50% + 122px);bottom:24px;transform:translate(-50%);background:#214d36;color:#eff7e4;display:flex;align-items:center;gap:10px;font-size:12px;padding:15px 20px;border-radius:8px;box-shadow:0 5px 30px #14281024;z-index:100;max-width:calc(100vw - 35px);line-height:1.6}.error-box{background:#fff3e4;border:1px solid #dfc49c;color:#9a7347;font-size:11px;padding:17px;border-radius:8px;margin:15px;line-height:1.9}.loading{padding:45px;text-align:center;font-size:12px;color:#93a97a}@media(min-width:1600px){.sidebar{width:266px}.main-shell{margin-left:266px}.main-content{padding:40px 55px 0}.topbar{padding:0 55px}.lesson-hero h1{font-size:46px}.lesson-hero p{font-size:13px}.guide-layout{grid-template-columns:minmax(0,1fr) 260px;gap:40px}.port-illustration{width:380px}.chapter-nav a{font-size:12px}.main-nav button,.main-content .reading-sections p{font-size:13px}.flow-layout,.architecture-layout{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:1200px){.topbar-title>span:last-child,.topbar-divider{display:none}.topbar{gap:17px;padding:0 26px}.search-trigger{min-width:210px}.main-content{padding:26px 27px 0}.guide-layout{grid-template-columns:minmax(0,1fr) 202px;gap:21px}.lesson-hero h1{font-size:34px}.lesson-hero{gap:12px;padding-right:0}.port-illustration{min-width:235px;width:240px;transform:scale(.93)}.hero-actions{gap:12px}.hero-time{font-size:9px}.hero-copy{max-width:460px}.next-action{flex-wrap:wrap}.next-action .secondary{margin-left:55px}.source-layout{grid-template-columns:minmax(0,1fr) 230px}.annotations{padding:17px 12px}.flow-layout{grid-template-columns:minmax(0,1fr) 225px;gap:12px}.sequence-svg{min-width:720px}.architecture-layout{grid-template-columns:minmax(0,1fr) 225px;gap:13px}.architecture-canvas{padding:22px 13px}.architecture-controls>.small{display:none}.arch-arrow{display:none}.arch-node{padding:13px 5px}.arch-node strong{font-size:9px}.arch-node small{font-size:7px}.practice-layout{grid-template-columns:minmax(0,1fr) 230px}.lesson-tabbar{gap:23px}.notebook-toolbar{flex-wrap:wrap}.roadmap-summary{gap:16px;padding:23px}.roadmap-summary h3{font-size:13px}}@media(max-width:1000px){.sidebar{width:220px}.main-shell{margin-left:220px}.brand{font-size:19px;padding-left:17px}.brand-atlas{font-size:16px}.topbar{padding:0 23px}.topbar-title{display:none}.search-trigger{margin-left:0;flex:1}.source-badge{font-size:9px}.main-content{padding:25px 23px 0}.lesson-hero{min-height:250px}.lesson-hero h1{font-size:32px}.hero-time{display:none}.port-illustration{min-width:210px;width:210px;transform:scale(.85);transform-origin:right center}.hero-copy{max-width:400px}.guide-layout{grid-template-columns:1fr}.guide-aside{display:none}.source-layout{grid-template-columns:1fr}.annotations{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:18px}.annotations h3,.annotation-tip{grid-column:1/-1}.flow-layout{grid-template-columns:1fr}.flow-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.flow-inspector>.eyebrow,.flow-inspector>h3,.flow-inspector>.step-explanation,.flow-inspector>.text-button{grid-column:1/-1}.step-explanation{min-height:0}.flow-inspector>.hint-card{grid-column:1/-1}.flow-inspector .blocks-card{padding-top:14px}.architecture-layout{grid-template-columns:1fr}.arch-arrow{display:block}.arch-node strong{font-size:11px}.arch-node small{font-size:9px}.architecture-detail h2{margin-top:15px}.architecture-detail .secondary{width:auto}.architecture-detail>p{margin:16px 0}.lesson-tabbar{gap:22px}.tabbar-version{display:none}.chapter-watermark{width:170px}.chapter-watermark>span{font-size:110px}.principles-grid{gap:14px}.principle-card{padding:22px}.principle-card h2{font-size:18px}.principle-symbol{display:none}.practice-layout{grid-template-columns:1fr}.personal-note textarea{min-height:160px}.personal-note{margin-top:0}.roadmap-summary{flex-wrap:wrap}.roadmap-summary .primary{margin-left:88px}.site-footer>span>span{display:none}.notebook-grid{grid-template-columns:1fr}.glossary-list article{grid-template-columns:20px 1fr;gap:13px}.glossary-list article p{grid-column:2}.toast{left:calc(50% + 110px)}}@media(max-width:760px){.sidebar{transform:translate(-100%);width:260px;transition:transform .2s}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1535295e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:29;display:block}.main-shell{margin-left:0}.topbar{height:63px;padding:0 17px;gap:10px}.mobile-menu{display:flex;margin-left:-5px;color:#7d9372}.search-trigger{min-width:0;font-size:10px;padding:8px}.search-trigger kbd{display:none}.source-badge{font-size:8px;gap:4px}.source-badge .live-dot{display:none}.main-content{padding:22px 21px 0}.breadcrumb{font-size:9px;gap:6px;margin-bottom:10px;flex-wrap:wrap}.lesson-hero{padding-top:24px;gap:0;margin-bottom:8px;min-height:255px}.hero-copy{max-width:60%;flex:1}.lesson-hero h1{font-size:32px;letter-spacing:-1px}.hero-label{font-size:8px;letter-spacing:.7px;gap:5px}.lesson-hero p{font-size:11px}.port-illustration{width:210px;min-width:185px;transform:scale(.83);margin-left:-22px;transform-origin:center}.hero-actions .primary{font-size:10px;padding:10px 12px;gap:7px}.hero-actions{gap:9px}.bookmark-button{padding-left:10px}.lesson-tabbar{gap:25px;overflow-x:auto;margin-bottom:21px;scrollbar-width:none}.lesson-tabbar button{font-size:10px;padding:13px 0;gap:6px}.concepts{gap:9px}.concepts>div{padding:15px 12px}.concepts h3{font-size:12px}.concepts small{right:9px;font-size:8px}.concepts p{font-size:9px}.reading-sections h2{font-size:16px}.reading-sections p{font-size:12px}.guide-layout{gap:0}.next-action .secondary{margin-left:auto}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.page-heading h1 span{display:block}.section-heading h2{font-size:21px}.subtle-tag{font-size:8px}.flow-inspector{grid-template-columns:1fr 1fr}.flow-inspector h3{margin:12px 0}.scenario-tabs{gap:6px}.scenario-tabs button{font-size:10px;padding:8px 12px}.playback{gap:6px}.architecture-canvas{padding:20px 12px}.arch-node strong{font-size:10px}.arch-node small{font-size:8px}.arch-arrow{width:10px}.arch-row{gap:6px}.zone-label{font-size:7px;letter-spacing:.5px}.zone-label span{font-size:7px}.comparison-note{padding:20px}.principles-grid{grid-template-columns:1fr}.principle-card{padding:27px}.principle-card h2{font-size:21px}.principle-symbol{display:flex}.principle-card>p,.tradeoff{min-height:0}.roadmap-summary{padding:20px;gap:15px}.roadmap-summary h3{font-size:13px;max-width:230px}.roadmap-summary p{font-size:10px}.roadmap-summary .primary{margin-left:auto}.roadmap-group-heading{padding:21px}.roadmap-group-heading h2{font-size:15px}.roadmap-lesson{padding:15px 19px;gap:12px}.roadmap-lesson>svg{margin-left:2px}.roadmap-lesson strong{font-size:11px}.roadmap-lesson small,.lesson-duration{font-size:9px}.future-roadmap h2{font-size:19px}.notebook-toolbar{gap:12px}.notebook-toolbar>div{flex-wrap:wrap}.site-footer{padding-bottom:20px}.toast{left:50%;font-size:11px;min-width:260px}.skip-link{left:20px}.chapter-watermark{width:130px;margin-right:12px}.chapter-watermark>span{font-size:92px}.chapter-watermark small{font-size:6px;letter-spacing:1px}.chapter-watermark svg{width:24px;right:-5px}.search-dialog{margin-top:8vh}.source-dialog{max-width:calc(100vw - 18px)}.dialog-head{padding:18px}.info-body{padding:20px}.search-help{font-size:7px}.notebook-card{padding:22px}.annotations{padding:15px}.source-tabs button{font-size:9px}.code-line{font-size:10px;line-height:22px}.code-line>button{width:44px;padding-right:10px;font-size:8px}.code-line>button.annotated:before{left:4px}.code-footer{gap:10px;padding:12px;font-size:8px}.code-footer button,.code-meta{font-size:8px}.lesson-footer{gap:16px}.completion-button{font-size:10px;white-space:nowrap}.next-lesson{gap:12px;font-size:10px}.lesson-footer>div{gap:12px}.lesson-footer .text-button{font-size:9px}}@media(max-width:480px){.main-content{padding:18px 16px 0}.source-badge{gap:4px}.source-badge svg{width:12px}.topbar{padding:0 13px}.search-trigger span{max-width:145px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lesson-hero{padding:20px 0 14px;min-height:0;overflow:visible;flex-direction:column;align-items:stretch}.hero-copy{max-width:100%;width:100%}.hero-label{margin-bottom:19px}.lesson-hero h1{font-size:33px;margin-bottom:15px}.lesson-hero p{max-width:350px;font-size:11px;margin-bottom:21px}.port-illustration{display:none}.hero-time{display:flex;margin-left:auto}.hero-actions{gap:12px}.hero-actions .primary{font-size:10px}.bookmark-button{padding-left:10px}.lesson-tabbar{gap:21px;margin-top:14px}.lesson-tabbar button{font-size:10px}.lesson-tabbar button svg{width:14px}.lesson-tabbar small{display:none}.question-banner{padding:14px 12px;gap:10px}.question-banner h3{font-size:11px}.concepts{margin:17px 0 25px;gap:7px}.concepts>div{padding:13px 10px;min-width:0}.concepts h3{font-size:10px;margin-top:8px;overflow-wrap:anywhere}.concepts small{top:6px;right:7px;font-size:7px}.concepts p{font-size:9px}.next-action{padding:17px 14px}.next-action h3{font-size:11px}.next-action p{font-size:9px}.next-action .icon-tile{width:33px;height:35px}.next-action .secondary{margin-left:46px}.lesson-footer{align-items:start}.lesson-footer>div{flex-direction:column;align-items:end;gap:12px}.lesson-footer .next-lesson{gap:12px;max-width:175px;line-height:1.7}.lesson-footer .text-button{display:none}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading .subtle-tag{align-self:flex-start}.section-description{margin-bottom:18px}.annotations{grid-template-columns:1fr}.code-toolbar{padding:12px;font-size:8px}.code-toolbar>span{display:block;overflow-x:auto;white-space:nowrap;text-overflow:clip}.code-toolbar>span svg{display:none}.code-meta{padding:10px 12px;gap:7px;font-size:8px}.code-meta>span:first-child{overflow-wrap:anywhere;display:block}.code-scroll{max-height:420px}.code-footer button{margin-left:0}.flow-inspector{grid-template-columns:1fr;padding:20px}.flow-inspector .blocks-card{margin-top:5px}.diagram-title{font-size:8px;padding:12px}.diagram-title>span:last-child{display:none}.scenario-tabs button{padding:8px;font-size:9px;gap:4px;flex:1;justify-content:center}.scenario-tabs svg{width:13px}.scenario-description{font-size:9px}.playback{gap:4px;padding:12px 9px}.playback .primary{font-size:9px;padding:8px}.playback>button:not(.primary){padding:7px}.speed{font-size:0}.speed select{font-size:10px}.step-counter{font-size:8px;min-width:32px}.page-heading{padding-top:18px}.page-heading h1{font-size:25px}.page-heading>p:last-child{font-size:11px}.segmented{width:100%}.segmented button{font-size:10px;padding:9px;flex:1;gap:5px}.segmented button span{font-size:7px}.arch-arrow{display:none}.arch-node{min-height:100px;padding:13px 4px}.arch-node strong{font-size:8px;overflow-wrap:anywhere}.arch-node small{font-size:7px}.architecture-canvas{padding:20px 10px}.arch-zone{padding:13px 8px}.arch-client{font-size:9px;padding:11px}.arch-client span{font-size:7px}.dataplane-row{gap:6px}.dataplane-row>div{padding:16px 5px}.dataplane-row strong{font-size:8px}.dataplane-row small,.vertical-link{font-size:7px}.diagram-note{font-size:8px}.architecture-detail{padding:23px}.comparison-note{align-items:start;padding:18px;gap:11px}.comparison-note .icon-tile{width:34px;height:36px}.comparison-note h3{font-size:12px;line-height:1.8}.comparison-note p{font-size:10px}.roadmap-summary .primary{margin-left:81px}.roadmap-summary h3{font-size:12px;max-width:195px;line-height:1.8}.roadmap-summary p{font-size:9px;max-width:195px}.roadmap-group-heading{gap:12px;padding:19px 16px}.roadmap-group-heading h2{font-size:14px}.roadmap-group-heading p{font-size:9px;line-height:1.8}.roadmap-group-heading>span{font-size:20px}.roadmap-lesson{padding:14px 15px;gap:10px}.lesson-duration{font-size:8px}.roadmap-step{width:25px;height:25px;font-size:9px;flex-shrink:0}.roadmap-lesson strong{font-size:10px}.roadmap-lesson small{font-size:8px}.roadmap-lesson>svg{width:13px}.practice-layout{gap:20px}.quiz-card{padding:18px}.quiz-card h3{font-size:13px}.quiz-options button{font-size:10px}.personal-note{padding:19px}.notebook-toolbar{padding:15px}.notebook-toolbar .secondary{font-size:9px;padding:8px 10px}.site-footer{font-size:8px}.site-footer button{font-size:7px}.search-input-row{padding:17px 15px;gap:9px}.search-input-row input{font-size:11px}.search-results{padding:15px 9px}.search-results strong{font-size:11px}.search-results small{font-size:8px}.search-results>button{gap:9px;padding:12px 7px}.search-help{padding:12px}.result-type{display:none}.search-result-icon{width:27px;height:30px}.search-help>span{max-width:240px}.info-body .commit-code{font-size:9px}.glossary-list article{padding:20px 16px}.principle-card{padding:24px}.principle-symbol{right:22px;top:19px}.principle-card .eyebrow{font-size:8px}.principle-card h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flow-packet{display:none}}:root{--muted: #66796f;--border: #dce5dd}body{background:#f8faf7}.main-content{max-width:1600px;padding-inline:clamp(22px,3vw,54px)}.main-shell{min-width:0}.topbar{background:#ffffffed}.brand small,.workspace-selector small,.nav-caption,.chapter-caption span{color:#6c7e72}.main-nav button,.chapter-nav a,.sidebar-bottom>button{font-size:12px;color:#526b5e}.chapter-nav a{min-height:38px}.chapter-number,.hero-time,.breadcrumb,.eyebrow,.scenario-description{color:#6a7f71}.topbar-title,.search-trigger{font-size:12px;color:#607668}.search-trigger kbd{font-size:9px;color:#64765b}.lesson-hero{min-height:235px}.lesson-hero:not(.intro-hero){padding-block:14px}.lesson-hero:not(.intro-hero) .chapter-watermark{height:180px}.lesson-hero h1{font-size:clamp(29px,3.3vw,46px)}.lesson-hero p,.page-heading>p:last-child{font-size:15px;color:#5e7465;max-width:680px}.hero-time{font-size:12px}.hero-copy{max-width:700px}.primary,.secondary{font-size:12px;min-height:40px;border-radius:8px}.primary:disabled{opacity:.5}.section-description{color:#657969;font-size:13px}.lesson-tabbar{gap:28px;position:sticky;top:73px;z-index:12;background:#f8faf7f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:3px}.lesson-tabbar button{font-size:13px;color:#5c7563;min-height:53px}.guide-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.guide-content{max-width:940px}.guide-aside{align-self:start;position:sticky;top:150px}.toc{padding:19px 16px;box-shadow:0 4px 18px #1c432205}.toc button{color:#5f7565;font-size:12px;padding:8px 0}.toc button:hover{color:var(--teal)}.toc-footer{font-size:11px;color:#637960;line-height:1.6}.toc-divider{border-top:1px solid var(--border);margin-top:13px;padding-top:15px;color:#889687;font-size:10px;letter-spacing:1px}.aside-note{padding:18px}.aside-note h3{font-size:18px;color:#3a604c}.aside-note p,.aside-note button{color:#5c795b;font-size:12px}.aside-note p{line-height:1.9}.question-banner{background:#f4f3e8;padding:19px}.question-banner small{color:#8b7951;font-size:11px}.question-banner h3{font-size:15px;color:#635f3f}.learning-outcome{display:flex;align-items:start;gap:10px;margin:20px 0;color:#35745b}.learning-outcome svg{margin-top:4px}.learning-outcome p{font-size:13px;color:#607361;margin:0;line-height:1.9}.learning-outcome strong{display:block;color:#315a43;font-size:12px;margin-bottom:3px}.lesson-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 28px}.lesson-journey button{text-align:left;border:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:14px 17px;border-radius:8px;background:#fff}.lesson-journey button span{font:12px monospace;color:#8fa294}.lesson-journey button strong{font-size:12px;font-weight:500}.lesson-journey button small{color:#738776;font-size:10px;margin-left:auto;white-space:nowrap}.lesson-journey button.current{background:#edf5ed;border-color:#9cbeab;color:#25664c}.concepts{margin-block:22px 32px}.concepts>div{background:#fff;padding:20px 16px;border-radius:10px}.concepts h3{font-size:15px}.concepts p{max-width:none;font-size:12px;color:#60765f}.reading-sections section,.knowledge-section{scroll-margin-top:153px}.reading-sections h2{font-size:21px;line-height:1.6;color:#284a38}.reading-sections p{font-size:15px;color:#516856;line-height:2.05}.reading-sections section{margin-bottom:32px}.inline-lab-link{display:flex;align-items:center;text-align:left;gap:18px;background:linear-gradient(115deg,#173f35,#275d4c);border-radius:13px;color:#fff;width:100%;padding:25px;margin-block:32px;box-shadow:0 7px 24px #234b3510}.inline-lab-link:hover:not(:disabled){color:#fff;background:#214d3d}.inline-play{width:47px;height:47px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff35;display:grid;place-items:center;flex-shrink:0}.inline-lab-link>span:nth-child(2){display:flex;flex-direction:column;gap:8px}.inline-lab-link small,.inline-lab-link span span{font-size:11px;color:#bad6c2}.inline-lab-link strong{font-size:17px;line-height:1.6;font-weight:550}.inline-lab-link>svg{margin-left:auto}.knowledge-section{border-top:1px solid var(--border);padding-top:30px;margin-top:34px}.knowledge-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.knowledge-heading>span{width:39px;height:42px;border:1px solid #d8e5d6;background:#ecf3e9;color:#427259;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.knowledge-heading .eyebrow{font-size:9px;margin:0 0 7px}.knowledge-heading h2{font-size:21px;margin:0;color:#304e3a;line-height:1.5}.contract-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#edf4ec;border:1px solid #d7e5d4;border-radius:10px;overflow:hidden;margin-bottom:27px}.contract-strip>div{padding:17px 25px 17px 16px;position:relative;min-width:0}.contract-strip small{display:block;color:#71866c;font-size:10px;margin-bottom:9px}.contract-strip strong{display:block;color:#426045;font-size:12px;overflow-wrap:anywhere;line-height:1.7}.contract-strip svg{position:absolute;right:3px;top:45%;color:#90a68a}.mechanism-trace{display:flex;flex-direction:column;gap:25px}.mechanism-trace article{display:flex;align-items:start;gap:14px;position:relative}.mechanism-trace article:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;bottom:-19px;width:1px;background:#dce6d9}.trace-number{width:27px;height:27px;border-radius:50%;background:#e9f0e6;color:#57794a;display:grid;place-items:center;flex-shrink:0;font:12px monospace}.mechanism-trace h3{margin:0 0 10px;font-size:17px;color:#3a5941;line-height:1.7}.mechanism-trace p{font-size:14px;color:#5e725e;line-height:2.05;margin-bottom:0}.knowledge-section>.text-button{margin-top:24px;font-size:12px}.knowledge-table-scroll{overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff}.knowledge-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:510px}.knowledge-table th,.knowledge-table td{padding:15px 13px;border-bottom:1px solid #e7ece2;line-height:1.8;vertical-align:top}.knowledge-table thead th{font-size:10px;font-weight:550;background:#edf3e9;color:#667d5c}.knowledge-table tbody th{width:31%;font-weight:450;color:#346346;overflow-wrap:anywhere}.knowledge-table tbody td{color:#64755c}.knowledge-table tbody td:last-child{color:#8b7756}.knowledge-table tr:last-child :is(th,td){border-bottom:0}.diagnostic-environment{font-size:13px;color:#69795f}.diagnostic-command{background:#172e26;color:#c3dcc8;border-radius:10px;overflow:hidden}.diagnostic-command>div{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ffffff17;font:10px monospace;color:#91b09b}.diagnostic-command button{display:flex;gap:6px;align-items:center;color:#c5d9bc;font-size:11px}.diagnostic-command button:hover{color:#fff}.diagnostic-command pre{padding:20px 17px;overflow:auto;font-size:12px;line-height:1.9;margin:0}.inspection-list{font-size:13px;color:#5e755c;padding-left:23px;line-height:1.95}.inspection-list li{padding:6px 0 6px 4px}.inspection-list li::marker{color:#519374;font-family:monospace}.knowledge-warning{padding:19px 20px;border:1px solid #e8ddbe;background:#faf5e8;border-radius:9px}.knowledge-warning strong{font-size:13px;color:#8b6e3e;line-height:1.9}.knowledge-warning p{margin:9px 0 0;color:#7d765b;font-size:13px;line-height:1.95}.challenge-reveal{margin-top:15px;background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.challenge-reveal summary{display:flex;align-items:center;gap:15px;cursor:pointer;padding:21px;list-style:none}.challenge-reveal summary::-webkit-details-marker{display:none}.challenge-reveal summary span{flex:1}.challenge-reveal summary small{display:block;color:#71846a;font-size:10px;margin-bottom:8px}.challenge-reveal summary strong{font-size:14px;line-height:1.9;font-weight:550}.challenge-reveal[open] summary svg{transform:rotate(180deg)}.challenge-reveal>div{border-top:1px solid var(--border);padding:20px;background:#f1f6ed}.challenge-reveal p{color:#5c7859;font-size:14px;margin-bottom:10px}.next-action h3{font-size:14px}.next-action p{font-size:12px;color:#677e5f}.completion-button,.next-lesson{font-size:13px}.next-lesson small{font-size:10px;color:#6f8662}.source-reading-tools{display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-top:0;padding:10px 13px;background:#f3f6ef;font-size:11px;color:#647c5b}.source-reading-tools button{min-height:31px;border-radius:5px;padding:5px 9px;background:#fff;border:1px solid var(--border)}.source-reading-tools button.selected{background:#deeddb;color:#2d6446}.source-reading-tools small{margin-left:auto;color:#6c835f}.source-layout{grid-template-columns:minmax(0,1fr) 310px}.source-tabs button{font-size:12px;color:#5c7351}.code-toolbar{font-size:11px}.code-meta{font-size:10px;color:#9dbaa5}.code-scroll{max-height:680px}.code-line{font-size:var(--reader-font-size, 13px);line-height:1.95}.code-line>button{font-size:10px;color:#87a792}.wrap-code .code-line{min-width:0}.wrap-code .code-line code{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.syn-comment{color:#91ae91}.annotations{max-height:795px;overflow-y:auto;scrollbar-width:thin}.annotations h3{font-size:13px;color:#476b42}.annotation{font-size:12px;color:#617957}.annotation-head small{color:#718568}.annotation.selected{color:#385c31}.annotation-tip p,.line-hint{font-size:11px;color:#667f53}.code-footer{font-size:10px;color:#a7be9f}.code-footer :is(button,a){font-size:11px;color:#bdcdb2}.lab-page-heading{padding-bottom:30px}.lab-page-heading h1{font-size:clamp(28px,3.4vw,43px);line-height:1.4}.lab-page-heading h1 span{display:block}.lab-metrics{display:flex;flex-wrap:wrap;gap:27px;margin-top:25px}.lab-metrics span{display:flex;align-items:baseline;gap:8px;color:#7b8c78;font-size:11px}.lab-metrics strong{font:22px monospace;color:#406f56}.lab-view-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:29px}.lab-view-switch button{display:flex;text-align:left;align-items:center;gap:13px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:11px;color:#7b8f79}.lab-view-switch button span{display:flex;flex-direction:column;gap:8px}.lab-view-switch strong{font-size:15px;font-weight:550;color:#526e55}.lab-view-switch small{font-size:11px;color:#7a8e72}.lab-view-switch button>svg:last-child{margin-left:auto}.lab-view-switch button.selected{background:#1e5040;border-color:#1e5040;color:#d0e3c9;box-shadow:0 5px 15px #285f3d13}.lab-view-switch button.selected strong{color:#fff}.lab-view-switch button.selected small{color:#b5cdae}.lab-intro{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:19px}.lab-intro h2{font-size:23px;line-height:1.65;margin:12px 0 9px}.lab-intro p{color:#667f63;font-size:13px;line-height:1.95;margin:0;max-width:650px}.lab-status{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #bdd7b7;color:#3e7645;background:#eaf3e6;font:11px monospace;border-radius:7px;white-space:nowrap;margin-top:9px}.packet-settings{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.packet-settings .scenario-tabs{margin:4px 0;flex-wrap:wrap}.scenario-tabs button{font-size:12px;min-height:39px;color:#5c7451}.scenario-description{font-size:12px;margin:12px 0 20px}.firewall-select{font-size:11px;color:#6c8163;display:flex;gap:9px;align-items:center}.firewall-select select{border:1px solid var(--border);border-radius:7px;padding:10px;background:#fff;font-size:11px;color:#466d4d;max-width:100%}.packet-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.packet-canvas{background:#fff;border:1px solid var(--border);border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 5px 25px #1b492408}.diagram-title{color:#526f53;font-size:10px}.diagram-title>span:last-child{color:#6c8362;font-size:9px}.packet-map-scroll{overflow-x:auto;scrollbar-width:thin;background-image:radial-gradient(#dbe6d6 .7px,transparent .7px);background-size:15px 15px}.packet-map{display:block;width:100%;min-width:650px}.host-zone{fill:#f2f6eddf;stroke:#d8e4d2}.host-label{font:11px monospace;fill:#68865e;letter-spacing:1px}.underlay-note{font-size:13px;fill:#546e4e;font-weight:550}.packet-edge{fill:none;stroke:#afc1a9;stroke-width:2;stroke-dasharray:5 5}.packet-edge.visited{stroke:#55946d;stroke-dasharray:none;stroke-width:3}.packet-node{cursor:pointer}.packet-node rect{fill:#fff;stroke:#ccdcbf;stroke-width:1.3}.packet-node .map-node-title{fill:#416747;font:13px monospace}.map-subtitle{fill:#708766;font-size:11px}.packet-node circle{fill:#dfead7}.packet-node .map-number{fill:#5e8052;font:10px monospace}.packet-node.selected rect{fill:#214e3d;stroke:#214e3d;stroke-width:2}.packet-node.selected .map-node-title{fill:#fff}.packet-node.selected .map-subtitle{fill:#c1d6b7}.packet-node.selected circle{fill:#90b36d}.packet-node.selected .map-number{fill:#183b28}.packet-node.visited rect{fill:#e6f1df;stroke:#99bd87}.packet-node.dropped rect{fill:#8d513a;stroke:#bb7a50}.packet-node:focus-visible{outline:none}.packet-node:focus-visible rect{stroke:#d29840;stroke-width:3}.packet-node[aria-disabled=true]{cursor:not-allowed}.packet-envelope{display:flex;align-items:center;gap:11px;padding:15px 17px;background:#eef4e9;border-block:1px solid #dce8d4;min-height:57px}.packet-envelope>span{font:9px monospace;letter-spacing:1px;background:#dcead2;color:#497338;padding:5px;border-radius:3px}.packet-envelope code{color:#4c7042;font-size:11px;line-height:1.8}.packet-envelope.is-dropped{background:#fcf0e4;border-color:#ebd4b9}.packet-envelope.is-dropped code{color:#986443}.packet-envelope.is-dropped>span{background:#f2d8bc;color:#9c5930}.playback{gap:8px}.playback .primary{font-size:12px;padding:9px 13px}.speed,.step-counter{font-size:11px;color:#637d55}.speed select{min-height:31px;font-size:11px;color:#476e42}.timeline-slider{height:6px;margin-top:8px}.lab-footnote{font-size:11px;color:#738767;line-height:1.9;margin:14px 0 0}.packet-canvas>.lab-footnote{padding:0 16px 15px;margin:0}.packet-inspector{padding:23px 19px;border:1px solid #dbe5d2;border-radius:11px;background:#f0f5e9}.packet-inspector h3{font-size:21px;line-height:1.65;color:#365e3b;margin:17px 0 12px}.packet-inspector>p:not(.lab-footnote){font-size:13px;color:#5e7753;line-height:2}.packet-inspector.has-fault{background:#fbf4e8;border-color:#e3cdab}.packet-inspector.has-fault h3{color:#9a653f}.inspector-check{border-top:1px solid #d8e4cd;padding-top:17px;margin-top:19px}.inspector-check h4{font-size:12px;color:#4e7143}.inspector-check p{font-size:12px;color:#688259}.inspector-check pre{font-size:10px;background:#e4ecdb;padding:12px;border-radius:7px;color:#486e3c;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.inspector-check small{font-size:10px;line-height:1.8;color:#778a69;display:block}.packet-inspector>.text-button{font-size:12px;margin-top:19px}.flow-layout{grid-template-columns:minmax(0,1fr) 285px}.flow-inspector{padding:23px 19px}.step-explanation{font-size:13px;color:#59754e}.flow-inspector h3{font-size:21px}.state-row,.state-row code,.state-row>span{font-size:11px;color:#4c7141}.state-card h4,.blocks-card h4{font-size:10px;color:#547343}.block-row,.block-row small{font-size:11px;color:#5f7c4d}.flow-inspector .hint-card{color:#668051;font-size:11px}.barrier-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.barrier-board{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px}.barrier-agents{display:grid;grid-template-columns:1fr 1fr;gap:20px}.barrier-agent{padding:23px 15px;text-align:center;border:1px solid #e4ddc8;border-radius:11px;background:#fbf8ef}.barrier-agent.done{background:#edf5e6;border-color:#bdd2ad}.barrier-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:13px;background:#f0eadb;color:#ae8b52}.barrier-agent.done .barrier-icon{background:#dcebcf;color:#59873e}.barrier-agent h3{font-size:17px;margin-bottom:10px}.barrier-agent p{color:#7b8064;font-size:11px}.barrier-chip{display:flex;align-items:center;justify-content:center;gap:6px;color:#947548;font-size:11px;line-height:1.8}.barrier-agent.done .barrier-chip{color:#528039}.barrier-agent button{margin-top:19px;width:100%}.barrier-connectors{display:flex;align-items:center;justify-content:space-around;padding:22px 0;color:#9aaf85}.barrier-connectors span{font-size:11px;color:#778967}.barrier-gate{border:1px solid #e3d6b7;background:#f8f3e7;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:11px}.barrier-gate.ready{border-color:#b1cca0;background:#e9f3e0}.barrier-gate h3{font-size:19px;margin-bottom:8px;line-height:1.6}.barrier-gate p{font-size:12px;color:#7c8062;margin-bottom:0}.barrier-result{font:18px monospace;color:#a78245;border:1px solid #dfcda5;padding:13px 15px;background:#f5e9d3;border-radius:7px}.barrier-result.ready{background:#d7eac7;border-color:#adc797;color:#4d763a}.barrier-conditions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.barrier-conditions label{display:flex;align-items:center;gap:7px;color:#6b8159;font-size:12px;min-height:36px;cursor:pointer}.barrier-conditions input{accent-color:#3c7c56;width:16px;height:16px}.barrier-log{background:#f0f5e8;border:1px solid #dbe5ce;border-radius:11px;padding:23px 19px}.barrier-log h3{font-size:18px;line-height:1.8;margin-top:14px;color:#55753f}.barrier-log ol{list-style:none;padding:0;margin:20px 0}.barrier-log li{display:flex;gap:10px;border-top:1px solid #dce5d1;padding:13px 0}.barrier-log li span{font:10px monospace;color:#8c9e79;padding-top:5px}.barrier-log li p{font-size:12px;color:#688155;margin:0}.barrier-log .knowledge-warning{margin-top:24px;padding:13px}.barrier-log .knowledge-warning :is(strong,p){font-size:11px}.quiz-card h3{font-size:18px}.quiz-options button,.quiz-feedback,.exercise-card p,.personal-note p{font-size:13px;color:#586e48}.personal-note textarea{font-size:14px;color:#5d6848}.personal-note h3,.exercise-card h3{font-size:15px;color:#657a46}.quiz-options button{min-height:53px}.architecture-detail>p,.comparison-note p,.principle-card>p{font-size:13px;color:#627951}.arch-node strong,.dataplane-row strong,.dataplane-single strong{font-size:12px}.arch-node small,.diagram-note{font-size:10px;color:#637c52}.architecture-detail h2,.principle-card h2{color:#416534}.tradeoff p{font-size:12px;color:#747d58}.roadmap-summary p,.roadmap-group-heading p,.roadmap-lesson small{color:#708460;font-size:12px}.roadmap-lesson strong{font-size:14px;color:#4d6c3c}.glossary-list h3{font-size:14px;color:#4d7137}.glossary-list p,.note-preview{font-size:13px;color:#6b8056}.search-results strong{color:#486a34;font-size:13px}.search-results small{color:#71885b;font-size:11px}.site-footer{color:#708360;font-size:10px}.site-footer button,.site-footer>span>span{color:#718461;font-size:9px}@media(min-width:1550px){.packet-map{min-width:760px}}@media(max-width:1250px){.packet-layout,.flow-layout{grid-template-columns:minmax(0,1fr)}.packet-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.packet-inspector>.eyebrow,.packet-inspector>h3{grid-column:1}.packet-inspector>h3{margin-top:5px}.packet-inspector>p:not(.lab-footnote){grid-column:1}.packet-inspector .inspector-check{grid-column:2;grid-row:1 / 5;margin:0;border:0;padding:0}.flow-inspector{display:block}.flow-inspector .step-explanation{min-height:0}.flow-inspector .state-card{float:left;width:49%;margin-right:3%}.flow-inspector .blocks-card{min-height:210px;padding-top:0}.flow-inspector .hint-card{clear:both}.source-layout{grid-template-columns:minmax(0,1fr) 265px}.guide-layout{gap:22px;grid-template-columns:minmax(0,1fr) 190px}.barrier-layout{grid-template-columns:minmax(0,1fr)}.barrier-log ol{max-height:280px;overflow:auto}}@media(max-width:1050px){.guide-layout{grid-template-columns:1fr}.guide-aside{position:static;display:block;grid-row:1}.guide-aside .aside-note{display:none}.toc{display:flex;flex-wrap:wrap;gap:3px 14px;padding:13px}.toc>p{width:100%;margin:0}.toc button{width:auto;font-size:11px;padding:6px 0}.toc-footer,.toc-divider{display:none}.source-layout{grid-template-columns:1fr}.annotations{max-height:none}.source-reading-tools small{display:none}}@media(max-width:800px){.main-content{padding-inline:20px}.lab-view-switch{gap:7px}.lab-view-switch button{padding:15px 11px;gap:9px}.lab-view-switch button>svg:last-child{display:none}.lab-view-switch strong{font-size:13px}.lab-view-switch small{font-size:10px}.lesson-hero p{max-width:590px}.lesson-hero:not(.intro-hero) .chapter-watermark{display:none}}@media(max-width:640px){.main-content{padding-inline:15px}.lesson-hero{min-height:auto;margin-top:5px;padding-right:0}.lesson-hero h1{font-size:32px}.lesson-hero p{font-size:14px}.lesson-tabbar{top:59px;gap:18px;overflow-x:auto;margin-bottom:20px}.lesson-tabbar button{font-size:12px;min-height:48px}.hero-actions{gap:12px;flex-wrap:wrap}.lesson-journey{gap:6px}.lesson-journey button{padding:11px 9px;flex-wrap:wrap;gap:6px}.lesson-journey button strong{font-size:11px}.lesson-journey button small{margin-left:0;width:100%;font-size:9px}.concepts{grid-template-columns:1fr;gap:8px}.concepts>div{padding:15px}.concepts p{font-size:13px}.concepts small{font-size:10px}.question-banner h3{font-size:14px}.reading-sections h2,.knowledge-heading h2{font-size:19px}.reading-sections p{font-size:14px}.reading-sections section,.knowledge-section{scroll-margin-top:125px}.knowledge-section{margin-top:27px;padding-top:24px}.inline-lab-link{padding:20px 15px;gap:12px}.inline-lab-link strong{font-size:14px}.inline-play{width:37px;height:37px}.inline-lab-link>svg{width:16px}.contract-strip{grid-template-columns:1fr}.contract-strip>div{padding:13px 18px;border-bottom:1px solid #dce6d6}.contract-strip>div:last-child{border-bottom:0}.contract-strip small{margin-bottom:4px}.contract-strip svg{right:18px;transform:rotate(90deg)}.mechanism-trace h3{font-size:16px}.mechanism-trace p{font-size:13px}.next-action{flex-wrap:wrap;padding:17px}.next-action .secondary{margin-left:55px}.lab-intro{flex-direction:column;gap:7px}.lab-intro h2{font-size:21px}.lab-status{margin:3px 0}.lab-view-switch{gap:7px;margin-bottom:23px}.lab-view-switch button{flex-direction:column;padding:14px 8px;text-align:center;gap:10px}.lab-view-switch button span{gap:7px}.lab-view-switch small{font-size:9px}.lab-view-switch strong{font-size:12px}.lab-metrics{gap:16px 24px}.lab-metrics span{font-size:10px}.lab-metrics strong{font-size:18px}.scenario-tabs{flex-wrap:wrap}.scenario-tabs button{font-size:11px;padding:9px 10px}.diagram-title{flex-wrap:wrap;line-height:1.8;padding:12px}.diagram-title>span:last-child{margin-left:0;font-size:8px}.packet-inspector{display:block;padding:20px}.packet-inspector .inspector-check{margin-top:19px;padding-top:19px;border-top:1px solid #d8e4cd}.packet-inspector h3{margin-top:15px}.packet-envelope{align-items:start;padding:12px}.packet-envelope code{font-size:10px}.playback{padding:11px 9px;gap:4px}.playback .primary{font-size:11px;padding:8px 9px}.playback>button:not(.primary){padding:7px}.speed{margin-left:0}.step-counter{margin-left:auto}.timeline-slider{height:8px;margin-top:10px;margin-bottom:21px}.barrier-board{padding:16px}.barrier-agents{gap:10px}.barrier-agent{padding:17px 9px}.barrier-agent h3{font-size:13px}.barrier-agent p{font-size:10px;min-height:35px}.barrier-agent button{font-size:10px;padding:9px 6px}.barrier-chip{font-size:10px;flex-wrap:wrap}.barrier-gate{padding:17px;flex-wrap:wrap;gap:15px}.barrier-gate h3{font-size:17px}.barrier-result{font-size:16px}.barrier-conditions label{font-size:11px}.flow-inspector .state-card{float:none;width:100%;margin:0}.flow-inspector .blocks-card{min-height:0;padding-top:20px}.source-reading-tools{gap:6px;flex-wrap:wrap}.annotations{padding:17px}.code-meta{font-size:9px}.code-line>button{width:48px}.completion-button,.next-lesson{font-size:11px}}.packet-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 16px 12px;font-size:11px;color:#5f7a55}.packet-legend span{display:flex;align-items:center;gap:6px}.packet-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}.legend-now{background:#214e3d;box-shadow:0 0 0 3px #214e3d33}.legend-done{background:#99bd87}.legend-drop{background:#8d513a}.legend-pkt{background:#d4963e}.dataplane-row>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;border:1px solid #2d5942;border-radius:7px;background:#214a38;color:#b2c9a3;padding:20px 8px;flex:1;text-align:center}.dataplane-row>button strong{font-size:12px;font-weight:450}.dataplane-row>button small{font-size:10px;color:#9fbf90}.dataplane-row>button.selected,.dataplane-row>button:hover{border-color:#8fbf86;background:#2b5d48;color:#e7f3dc}.arch-lab-links{display:flex;gap:8px;margin-top:16px}.arch-lab-links .secondary{flex:1;margin-top:0;width:auto}.barrier-gate.blocked{border-color:#e3cdab;background:#fbf4e8}.practice-misconception{margin-top:18px}.compact-lab-link{margin:18px 0 0;padding:18px}.source-tabs{border-bottom:0}.source-reading-tools{border-radius:0}@media(max-width:1000px){.guide-aside{display:block;position:static}.reading-sections p,.lesson-hero p,.mechanism-trace p{font-size:15px;color:#516856}.lesson-hero h1{font-size:34px}.concepts p{font-size:13px;max-width:none}.source-tabs button{font-size:12px}.annotations{display:block}}@media(max-width:760px){.reading-sections p,.lesson-hero p{font-size:14px}.concepts p{font-size:13px}.question-banner h3{font-size:14px}.packet-legend{font-size:10px}}@media(max-width:480px){.lesson-hero p,.reading-sections p{font-size:14px;color:#516856}.concepts p{font-size:13px}.arch-lab-links{flex-direction:column}}.lab-view-switch{grid-template-columns:repeat(4,1fr)}.aside-extra{display:flex;align-items:center;margin-top:8px;font-size:12px;color:#3f6d4d}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.map-canvas{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.object-svg{display:block;width:100%;min-width:640px}.object-edge{stroke:#c3d4b8;stroke-width:1.6}.object-edge.active{stroke:#4d8a5e;stroke-width:2.4}.object-edge-label{fill:#6f8662;font-size:10px;font-family:monospace}.object-node{cursor:pointer}.object-node rect{fill:#fff;stroke:#c9d8be}.object-title{font:13px sans-serif;fill:#3d5f40;font-weight:600}.object-layer{font:10px monospace;fill:#7a9170}.object-node.selected rect{fill:#1e5040;stroke:#1e5040}.object-node.selected .object-title{fill:#fff}.object-node.selected .object-layer{fill:#c5ddb8}.object-node:focus-visible{outline:none}.object-node:focus-visible rect{stroke:#d29840;stroke-width:3}.map-detail{background:#f0f5e9;border:1px solid #dbe5d2;border-radius:11px;padding:22px 18px}.map-detail h2{font-size:24px;color:#355c3b;margin:12px 0}.map-detail p{font-size:13px;color:#5e7753;line-height:1.95}.map-keys{list-style:none;padding:0;margin:16px 0}.map-keys li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e1ead8;font-size:12px}.map-keys code{color:#3f6d4d}.map-keys span{color:#6a805c;text-align:right}.identity-section,.channel-section{margin-top:36px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.channel-grid article{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px}.channel-grid h3{font-size:14px;color:#3f6644;margin-bottom:8px}.channel-grid p{font-size:12px;color:#5f7756;line-height:1.8;margin:0 0 10px}.channel-grid small{color:#8a6b48;font-size:11px;line-height:1.7}.diag-trail{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px}.diag-trail button{font-size:11px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#5c7458}.diag-trail button.current{background:#1e5040;color:#fff;border-color:#1e5040}.diag-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px}.diag-card h3{font-size:24px;line-height:1.6;color:#2f5538;margin:12px 0 14px}.diag-card>p{font-size:15px;color:#547056;line-height:1.95}.diag-card pre{background:#172e26;color:#c3dcc8;padding:16px;border-radius:8px;overflow:auto;font-size:12px;line-height:1.8}.diag-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.diag-actions .primary,.diag-actions .secondary{min-height:44px}.diag-footer{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}@media(max-width:1100px){.lab-view-switch{grid-template-columns:1fr 1fr}.map-layout{grid-template-columns:1fr}}@media(max-width:640px){.diag-card{padding:18px}.diag-card h3{font-size:20px}.object-svg{min-width:560px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.moving-packet,.flow-packet{display:none}}.service-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:340px;color:#5d7664;font-size:13px;border:1px dashed #d7e3d3;border-radius:12px;background:#f4f8f1}.service-page-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0 34px}.service-page-hero h1{font-size:clamp(30px,3.3vw,45px);line-height:1.35;letter-spacing:-1.2px;margin:12px 0 16px}.service-page-hero h1 span{display:block;color:#4b846b}.service-page-hero p{max-width:720px;color:#5e7465;font-size:14px;margin:0}.service-boundary-badge{display:flex;align-items:center;gap:12px;padding:17px 19px;border:1px solid #d8e4d4;background:#eff5ec;border-radius:11px;color:#416a50;flex-shrink:0}.service-boundary-badge span{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}.service-boundary-badge small{font-size:9px;color:#70866f;font-weight:400}.service-topic-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.feature-topic-tabs{grid-template-columns:repeat(4,1fr)}.service-topic-tabs button{display:flex;align-items:center;gap:14px;text-align:left;padding:19px;border:1px solid var(--border);border-radius:11px;background:#fff;color:#5d725e}.service-topic-tabs button>span{display:flex;flex-direction:column;gap:6px;min-width:0}.service-topic-tabs strong{font-size:15px;color:#355842}.service-topic-tabs small{font:10px monospace;color:#728471;overflow-wrap:anywhere}.service-topic-tabs button>svg:last-child{margin-left:auto;color:#91a38d}.service-topic-tabs button.selected{color:#fff;background:#214f3e;border-color:#214f3e;box-shadow:0 7px 20px #183e2a17}.service-topic-tabs button.selected strong{color:#fff}.service-topic-tabs button.selected small,.service-topic-tabs button.selected>svg:last-child{color:#bed3b8}.service-titlebar{display:flex;align-items:center;gap:17px;padding:24px;border:1px solid color-mix(in srgb,var(--service-accent) 25%,#dce5dd);border-left:5px solid var(--service-accent);background:color-mix(in srgb,var(--service-accent) 5%,white);border-radius:11px}.service-title-icon{display:grid;place-items:center;width:52px;height:54px;border-radius:12px;background:color-mix(in srgb,var(--service-accent) 12%,white);color:var(--service-accent);flex-shrink:0}.service-titlebar>div{min-width:0}.service-titlebar .eyebrow{margin:0 0 6px;color:var(--service-accent)}.service-titlebar h2{font-size:23px;margin:0 0 7px;color:#304d3b}.service-titlebar p{font-size:12px;color:#5d735f;line-height:1.85;margin:0;max-width:760px}.service-version{margin-left:auto;display:flex;flex-direction:column;align-items:end;gap:7px;color:#627461;font-size:10px;white-space:nowrap}.service-version code{font-size:10px;color:var(--service-accent)}.service-subtabs{display:flex;gap:27px;border-bottom:1px solid var(--border);margin:24px 0 28px;position:sticky;top:73px;background:#f8faf7f4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:12}.service-subtabs button{display:flex;align-items:center;gap:7px;padding:15px 0;color:#607567;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:12px}.service-subtabs button.selected{color:#246d55;border-color:#49886b;font-weight:650}.service-question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.service-question-grid article{display:flex;align-items:start;gap:12px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:17px}.service-question-grid span{color:#4d886c;font:12px monospace}.service-question-grid p{font-size:13px;color:#4f6755;line-height:1.8;margin:0}.service-scope{display:flex;align-items:center;gap:25px;justify-content:space-between;background:#edf4eb;border:1px solid #d8e4d5;border-radius:11px;padding:25px}.service-scope h2{font-size:21px;color:#315641}.service-scope p{font-size:13px;color:#587158;max-width:850px;margin:8px 0 0}.service-knowledge{margin-top:38px}.service-object-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}.service-object-grid article{background:#fff;border:1px solid var(--border);border-radius:10px;padding:19px}.service-object-grid h3{font:14px monospace;color:#3d684b;margin-bottom:10px}.service-object-grid p{font-size:12px;color:#5b725d;line-height:1.85}.service-object-grid small{display:flex;align-items:start;gap:6px;color:#8d704a;line-height:1.75;font-size:10px;border-top:1px solid #eee9df;padding-top:11px}.service-concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.service-concept-grid article{position:relative;background:#fff;border:1px solid var(--border);border-radius:10px;padding:22px}.service-concept-grid article>span{position:absolute;right:17px;top:16px;color:#a8b6a5;font:11px monospace}.service-concept-grid h3{font-size:16px;color:#365a41;margin-bottom:10px;padding-right:30px}.service-concept-grid p{font-size:13px;color:#5a715b;line-height:1.95;margin:0}.service-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-checks article{padding:19px;border:1px solid #e4dcc8;background:#fbf7ed;border-radius:10px}.service-checks h3{font-size:14px;color:#765e3f}.service-checks p{font-size:11px;color:#756e55;line-height:1.8;margin:7px 0}.service-next{margin-top:35px}.service-arch-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.service-arch-canvas{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;min-width:0}.service-arch-svg{display:block;width:100%;min-width:720px}.service-lane-line{stroke:#e3eae0;stroke-dasharray:4 5}.service-lane-label{fill:#8a9c86;font:9px monospace;letter-spacing:1px}.service-arch-edge{stroke:#88a487;stroke-width:1.5}.service-edge-label{fill:#71866d;font:9px monospace;paint-order:stroke;stroke:#fff;stroke-width:4px}.service-arch-node{cursor:pointer}.service-arch-node rect{fill:#fff;stroke:#bfd0b8}.service-arch-node text{fill:#3e6548;font-size:11px;font-weight:600}.service-arch-node.selected rect{fill:#214f3e;stroke:#214f3e}.service-arch-node.selected text{fill:#fff}.service-arch-node:focus-visible{outline:0}.service-arch-node:focus-visible rect{stroke:#d29840;stroke-width:3}.service-arch-detail{background:#eff5e9;border:1px solid #d8e3d2;border-radius:10px;padding:22px 18px}.service-arch-detail h3{font-size:20px;color:#355e3c;margin:15px 0 11px}.service-arch-detail>p{font-size:13px;color:#5b7454;line-height:1.9;margin:18px 0}.provider-note{margin-top:20px;border:1px solid #e6dcc5;background:#faf5e9;padding:18px;border-radius:9px}.provider-note strong{color:#89663e;font-size:13px}.provider-note p{color:#766d51;font-size:12px;margin:8px 0 0}.service-flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.service-flow-track{border:1px solid var(--border);border-radius:11px;background:#fff;overflow:hidden}.service-flow-rail{padding:9px 20px}.service-flow-step{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:start;width:100%;text-align:left;padding:15px 4px;position:relative}.service-flow-step>i{position:absolute;left:22px;top:48px;bottom:-15px;width:2px;background:#e1e8dd}.service-flow-step>i.lit{background:#5c9871}.flow-step-number{width:29px;height:29px;border-radius:50%;background:#edf2e8;color:#637d5b;display:grid;place-items:center;font:10px monospace;z-index:1}.service-flow-step.done .flow-step-number{background:#dcebd4;color:#4d813f}.service-flow-step.active .flow-step-number{background:#214f3e;color:#fff;box-shadow:0 0 0 4px #214f3e1c}.service-flow-step.failed .flow-step-number{background:#945439}.flow-step-copy{min-width:0}.flow-step-copy small{display:block;color:#74866e;font-size:9px;margin-bottom:6px}.flow-step-copy strong{display:block;color:#365640;font-size:13px;margin-bottom:6px}.flow-step-copy>span{display:block;color:#667963;font-size:11px;line-height:1.75;max-height:0;overflow:hidden;transition:max-height .2s}.service-flow-step.active .flow-step-copy>span{max-height:120px}.service-flow-step>code{font-size:9px;color:#72866d;padding:5px 7px;background:#f1f5ed;border-radius:4px;white-space:nowrap}.service-flow-step.active{background:#f1f6ee}.service-flow-step.failed{background:#fbf0e7}.service-flow-step.failed>code{color:#9b583a;background:#f5ddcb}.service-flow-inspector{border:1px solid #dbe5d3;background:#eff5e9;border-radius:11px;padding:22px 18px}.service-flow-inspector.failed{background:#fbf2e8;border-color:#e4cdb6}.service-flow-inspector h3{font-size:20px;color:#355d3b;margin:15px 0 12px}.service-flow-inspector>p{font-size:13px;color:#5c7454;line-height:1.95}.service-state-card{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #d8e3d0;background:#fff;border-radius:8px;margin:17px 0}.service-state-card small{font:9px monospace;color:#83957d}.service-state-card strong{font:13px monospace;color:#3d7049;overflow-wrap:anywhere}.service-state-card span{font-size:10px;color:#708468}.service-source-reader .source-tabs button small{font:8px monospace;background:#e4ece0;padding:2px 4px;border-radius:3px;color:#65785f}.baseline-list{display:flex;flex-direction:column;gap:7px}.baseline-list code{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;background:#f0f5e8;border-radius:5px;color:#486d45;font-size:9px;overflow-wrap:anywhere}.baseline-list span{color:#7e946d;text-align:right}@media(max-width:1150px){.service-arch-layout,.service-flow-layout{grid-template-columns:1fr}.service-arch-detail,.service-flow-inspector{max-width:none}.service-checks{grid-template-columns:1fr}}@media(max-width:900px){.service-page-hero{align-items:start}.service-boundary-badge{display:none}.service-concept-grid{grid-template-columns:1fr}.service-titlebar{align-items:start}.service-version{display:none}.service-question-grid{grid-template-columns:1fr}}@media(max-width:760px){.service-subtabs{top:63px;overflow-x:auto;gap:21px}.service-topic-tabs{gap:7px}.feature-topic-tabs{grid-template-columns:repeat(2,1fr)}.service-topic-tabs button{padding:14px 9px;flex-direction:column;text-align:center;gap:8px}.service-topic-tabs button>svg:last-child{display:none}.service-topic-tabs strong{font-size:12px}.service-topic-tabs small{font-size:8px}.feature-topic-tabs button{flex-direction:row;text-align:left;padding-inline:13px}.service-titlebar{padding:18px}.service-title-icon{width:42px;height:44px}.service-titlebar h2{font-size:19px}.service-scope{align-items:start;flex-direction:column}.service-scope .primary{align-self:stretch}.service-flow-step{grid-template-columns:34px minmax(0,1fr)}.service-flow-step>code{grid-column:2;width:max-content}.flow-step-copy>span{font-size:10px}.service-source-reader .source-tabs button small{display:none}}@media(max-width:480px){.service-page-hero{padding-top:17px}.service-page-hero h1{font-size:28px}.service-titlebar p{font-size:11px}.service-title-icon{display:none}.service-subtabs button{font-size:10px}.feature-topic-tabs button{flex-direction:column;text-align:center}.service-object-grid{grid-template-columns:1fr}.service-flow-rail{padding-inline:10px}.service-flow-step{padding-block:13px}.service-arch-svg{min-width:660px}}