@font-face{font-family:BM Hanna Air;src:url(https://woowahan-cdn.woowahan.com/static/fonts/BMHANNAAir_ttf.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+11??,U+3000-303F,U+3130-318F,U+AC00-D7A3,U+FF01-FF60}@font-face{font-family:"BM Hanna 11";src:url(https://woowahan-cdn.woowahan.com/static/fonts/BMHANNA_11yrs_ttf.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+11??,U+3000-303F,U+3130-318F,U+AC00-D7A3,U+FF01-FF60}:root{--brand-mint-50:#e8fffb;--brand-mint-100:#c5fff5;--brand-mint-500:#0cefd3;--brand-mint-600:#00cdb7;--brand-mint-800:#08796c;--brand-yellow:#ffc700;--surface-base:#fff;--surface-subtle:#f4f6f6;--text-primary:#191a1a;--text-secondary:#55595c;--border-default:#e8eaeb;--status-error:#e3393e;--font-body:"BM Hanna Air", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"BM Hanna 11", "BM Hanna Air", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-reading:"Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--button-background-color:var(--brand-mint-500);--button-color:var(--text-primary);--button-gradient-color:var(--brand-mint-600);--button-loader-color:var(--text-primary)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#152320;font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#fbfdfc;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #08796c}h1,h2,h3,p{word-break:keep-all}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.72}.site{min-height:100vh}.container{max-width:1260px;margin:auto;padding:0 32px}.header{z-index:20;background:#fff;border-bottom:1px solid #e3ece9;height:76px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1260px;height:100%;margin:auto;padding:0 32px;display:flex}.logo{white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.logo b{font-family:var(--font-display);font-size:22px;font-weight:400}.eyes{background:#0cefd3;border-radius:12px;justify-content:center;align-items:center;gap:3px;width:37px;height:37px;display:inline-flex;transform:rotate(-7deg)}.eyes i{background:#fff;border-radius:50%;width:12px;height:19px;position:relative}.eyes i:after{content:"";background:#152320;border-radius:50%;width:6px;height:9px;position:absolute;top:7px;right:1px}.header nav{align-items:center;gap:8px;display:flex}.header nav a{color:#687571;border-radius:50px;padding:10px 15px;font-size:14px;font-weight:800;text-decoration:none}.header nav a:hover,.header nav a.active{color:#065f57;background:#e5faf5}.thanks-nav{align-items:center;display:flex;position:relative}.info{color:#08796c;background:#fff;border:1px solid #a3cac2;border-radius:50%;width:25px;height:25px;font-size:12px;font-weight:800;display:none}.tooltip{color:#fff;white-space:nowrap;background:#17332e;border-radius:10px;min-width:224px;padding:11px 14px;font-size:12px;position:absolute;top:48px;right:0;box-shadow:0 12px 30px #001b1633}.page-hero{grid-template-columns:1fr 1fr;align-items:center;gap:52px;min-height:570px;padding:65px 0 85px;display:grid}.page-hero h1{font-family:var(--font-display);margin:24px 0;font-size:clamp(47px,5.8vw,82px);font-weight:400;line-height:1.09}.page-hero h1 em{color:#069e8a;font-style:normal}.page-hero p{color:#52615d;max-width:515px;margin:0 0 29px;font-size:17px}.section-kicker{letter-spacing:.16em;color:#078576;text-transform:uppercase;font-size:12px;font-weight:900}.hero-cta,.practice-cta{background:#0cefd3;border-radius:12px;justify-content:space-between;align-items:center;gap:40px;padding:16px 20px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 9px #c6f5ed}.hero-cta:hover,.practice-cta:hover{background:#00dcc2}.hero-panel{background:#ddfaf3;border:1px solid #bfeee3;border-radius:28px;height:385px;padding:35px;position:relative;overflow:hidden}.hero-panel:before{content:"";border:1px solid #8bd5c8;border-radius:50%;width:420px;height:420px;position:absolute;top:-150px;right:-130px}.hero-panel:after{content:"";border:1px solid #8bd5c8;border-radius:50%;width:300px;height:300px;position:absolute;top:-90px;right:-68px}.panel-label{letter-spacing:.12em;color:#0a766a;font-size:11px;font-weight:900}.hero-panel .spark{z-index:1;height:160px;margin-top:28px;position:relative}.panel-log{color:#d0f8ed;z-index:1;background:#17332e;border-radius:15px;padding:19px 22px;font:13px/1.8 ui-monospace,Consolas,monospace;position:relative;box-shadow:0 18px 35px #176b5b33}.panel-log b{color:#69d8be}.panel-sticker{z-index:2;text-align:center;background:#ffc700;border-radius:50%;place-items:center;width:70px;height:70px;font-weight:900;line-height:1.1;display:grid;position:absolute;top:18px;right:17px;transform:rotate(12deg)}.tool-map,.simulator,.section-block{border-top:1px solid #e1ebe7;padding:70px 0}.tool-map h2,.simulator h2,.section-block h2,.read-heading h2{font-family:var(--font-display);margin:13px 0;font-size:40px;font-weight:400}.tool-map>p,.simulator>div>p,.read-heading p{color:#61716b;max-width:660px;margin:0}.tool-grid{grid-template-columns:1fr 1fr 1.3fr 1fr;align-items:center;gap:28px;margin:36px 0;display:grid;position:relative}.tool-grid>div{background:#fff;border:1px solid #daeae4;border-radius:18px;min-height:105px;padding:23px;font-size:18px;font-weight:900;box-shadow:0 5px 25px #153f2c0a}.tool-grid>div:not(:last-child):after{content:"→";color:#09a993;position:absolute;transform:translate(25px,-2px)}.tool-grid small{color:#697a74;margin-top:7px;font-size:12px;font-weight:600;display:block}.tool-middle{background:#d9faf0!important}.tool-ends{flex-direction:column;gap:6px;display:flex}.tool-ends span{font-size:14px}.tool-ends small{margin:0 0 0 8px;display:inline}.tool-last{background:#fff6ce!important}.refs{color:#6c7974;flex-wrap:wrap;align-items:center;gap:6px;margin-top:15px;font-size:11px;display:flex}.source-link{color:#08695e;background:#eef6f3;border-radius:6px;padding:5px 8px;font-weight:700;text-decoration:none;display:inline-block}.source-link:hover{background:#dcf5eb;text-decoration:underline}.read-section{border-top:1px solid #e1ebe7;padding:65px 0 80px}.read-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;display:flex}.read-heading p{max-width:330px;font-size:14px}.reader-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:34px;display:grid}.chapter-list{flex-direction:column;gap:7px;display:flex;position:sticky;top:100px}.chapter-list button{text-align:left;color:#53645e;background:0 0;border:1px solid #0000;border-radius:11px;gap:11px;padding:14px 12px;font-size:14px;font-weight:800;display:flex}.chapter-list button span{color:#09a38c}.chapter-list button:hover{background:#eff8f4}.chapter-list button.selected{color:#fff;background:#173b33}.chapter-list button.selected span{color:#75e9d0}.article{background:#fff;border:1px solid #e0ebe6;border-radius:22px;padding:46px;box-shadow:0 14px 50px #153f2c0a}.article-top h1{font:400 clamp(34px, 4vw, 52px) / 1.16 var(--font-display);margin:14px 0}.article-lead{color:#52635c;margin:0 0 20px;font-size:17px}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{color:#087364;background:#eafaf4;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:800}.flow{background:#f1faf6;border-radius:15px;align-items:center;gap:8px;margin:35px 0;padding:17px;display:flex;overflow-x:auto}.flow-part{flex:1;align-items:center;gap:9px;min-width:max-content;display:flex}.flow-node{background:#fff;border:1px solid #cde8dc;border-radius:11px;flex:1;align-items:center;gap:8px;min-height:62px;padding:15px 12px;font-size:12px;font-weight:800;display:flex}.flow-node.selected{background:#0cefd3;border-color:#0bbda9}.flow-dot{background:#05b79f;border-radius:50%;flex:none;width:8px;height:8px}.flow-arrow{color:#149d8a;font-size:21px}.article-body>section{border-top:1px solid #e5efea;grid-template-columns:46px 1fr;gap:15px;padding:28px 0;display:grid}.step-num{color:#0a9d89;padding-top:7px;font-size:12px;font-weight:900}.article-body h2{font:400 26px var(--font-display);margin:0 0 10px}.article-body p{color:#43534d;margin:0;font-size:15px}.article-body pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d7fbef;background:#17332e;border-radius:10px;padding:17px;font-size:13px}.takeaway{background:#e7faf3;border-radius:14px;flex-direction:column;gap:7px;padding:22px;display:flex}.takeaway span{color:#087364;font-size:11px;font-weight:900}.takeaway strong{font-size:18px}.practice-cta{margin-top:27px}.simulator{grid-template-columns:1fr 1.2fr;gap:25px 50px;display:grid}.sim-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sim-controls label{color:#4d6058;flex-direction:column;gap:7px;font-size:12px;font-weight:900;display:flex}.sim-controls select{background:#fff;border:1px solid #cde1d9;border-radius:9px;padding:12px}.sim-result{background:#e8faf4;border-radius:18px;grid-column:1/-1;padding:30px}.sim-result strong{font-size:21px}.sim-result p{color:#475c54;margin:5px 0 17px}.recommendations{flex-wrap:wrap;gap:8px;display:flex}.recommendations span{background:#fff;border:1px solid #ccebe0;border-radius:8px;padding:10px;font-size:13px;font-weight:800}.small-note{color:#6a7a74;grid-column:1/-1;margin:0;font-size:12px}.comparison{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px;display:grid}.compare-card{background:#fff;border:1px solid #deebe5;border-radius:17px;padding:25px}.compare-card>span{color:#068c7d;font-size:11px;font-weight:900}.compare-card h3{font:400 27px var(--font-display);margin:7px 0 15px}.compare-card p{color:#4b5a54;margin:7px 0;font-size:13px}.compare-card p b{color:#172b23;margin-right:5px}.page-hero.compact{border-bottom:1px solid #e1ebe7;min-height:0;padding:65px 0 55px;display:block}.page-hero.compact h1{font-size:clamp(42px,5vw,64px)}.progress-track{background:#dbece5;border-radius:99px;max-width:430px;height:11px;margin:20px 0 8px;overflow:hidden}.progress-track span{background:#0acbb4;height:100%;transition:width .2s;display:block}.page-hero small{color:#61716b}.practice-nav{z-index:5;background:#fbfdfc;gap:8px;padding:20px 0;display:flex;position:sticky;top:76px;overflow-x:auto}.practice-nav a{color:#176a5d;background:#e9f6f0;border-radius:99px;flex:none;padding:9px 12px;font-size:12px;font-weight:800;text-decoration:none}.lab{border-bottom:1px solid #e1ebe7;padding:58px 0;scroll-margin-top:150px}.lab-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.lab-heading h2{font:400 36px var(--font-display);margin:10px 0}.lab-heading p{color:#566760;margin:0}.done{white-space:nowrap;color:#688075;background:#ecf0ee;border-radius:50px;padding:8px 12px;font-size:11px;font-weight:800}.done.is-done{color:#087364;background:#d9f9e9}.lab-layout{grid-template-columns:1fr 1fr;gap:30px;margin-top:26px;display:grid}.choice-list{flex-direction:column;gap:9px;display:flex}.choice{text-align:left;background:#fff;border:1px solid #d7e8e0;border-radius:12px;align-items:center;gap:13px;padding:16px;font-size:14px;font-weight:700;display:flex}.choice span{color:#087364;background:#e8f8f1;border-radius:7px;padding:5px 8px;font-weight:900}.choice:hover,.choice.picked{background:#e8faf4;border-color:#00ae96}.lab-actions{align-items:center;gap:20px;margin-top:17px;display:flex}.plain-button{color:#087364;background:0 0;border:0;font-size:13px;font-weight:800;text-decoration:underline}.hint{background:#fff8d9;border-radius:8px;padding:12px;font-size:13px}.lab-console{color:#e1f8ef;background:#17332e;border-radius:18px;padding:23px;overflow:hidden}.console-head{align-items:center;gap:7px;font-size:13px;font-weight:900;display:flex}.console-head>span:last-child{color:#8be7cb;margin-left:auto;font-size:10px}.live-dot{background:#0cefd3;border-radius:50%;width:8px;height:8px}.spark{width:100%;height:110px}.lab-console .spark{background:#204238;border-radius:8px;margin:17px 0;padding:9px}.console-metrics{gap:8px;margin-bottom:15px;display:flex}.console-metrics>div{background:#254a40;border-radius:8px;flex:1;padding:10px 13px}.console-metrics small{color:#9bc4b5;font-size:10px;display:block}.console-metrics b{font-size:18px}.lab-console code{overflow-wrap:anywhere;background:#102820;border-radius:7px;padding:12px;font-size:11px;display:block}.feedback{color:#bad8ca;font-size:12px}.feedback.success{color:#76e7c4}.feedback.error{color:#ffcb9a}.lab-console .refs{color:#b9d4c9}.lab-console .source-link{color:#c8fff0;background:#2b594c}.thanks-count{color:#077a6c;background:#e6f9f0;border-radius:99px;padding:8px 14px;font-weight:900;display:inline-block}.video-section{border-bottom:1px solid #e1ebe7;padding:42px 0}.video-section h2{font:400 32px var(--font-display)}.video-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.video-grid a{background:#fff;border:1px solid #deebe5;border-radius:15px;flex-direction:column;gap:9px;min-height:132px;padding:20px;text-decoration:none;display:flex}.video-grid a:hover{border-color:#08a48e;transform:translateY(-2px)}.play-icon{background:#0cefd3;border-radius:50%;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.video-grid strong{font-size:15px}.video-grid small{color:#688077;margin-top:auto;font-size:11px}.footer{color:#6a7771;border-top:1px solid #e1ebe7;align-items:center;gap:20px;max-width:1260px;margin:60px auto 0;padding:28px 32px 50px;font-size:12px;display:flex}.footer .logo{color:#172f26;font-size:13px}.footer .logo b{font-size:16px}.footer .eyes{border-radius:8px;width:27px;height:27px}.footer .eyes i{width:8px;height:14px}.footer .eyes i:after{width:4px;height:6px;top:6px}.footer>a:last-child{color:#087364;margin-left:auto;font-weight:800}@media (width<=900px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-grid>div:after{display:none}.reader-layout{grid-template-columns:1fr}.chapter-list{grid-template-columns:repeat(2,1fr);display:grid;position:static}.page-hero{gap:24px}.article{padding:30px}.comparison{grid-template-columns:1fr}}@media (width<=700px){.container,.header-inner{padding-left:20px;padding-right:20px}.header{height:auto;min-height:70px}.header-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header nav{justify-content:space-between;gap:0;width:100%}.header nav a{padding:7px 8px;font-size:12px}.info{display:inline-block}.tooltip{top:34px}.page-hero{grid-template-columns:1fr;min-height:0;padding:55px 0}.page-hero h1{font-size:52px}.hero-panel{height:330px}.tool-grid{gap:10px}.tool-grid>div{padding:15px;font-size:15px}.read-heading{display:block}.chapter-list{flex-direction:row;display:flex;overflow:auto}.chapter-list button{flex:none}.article{padding:23px}.flow{align-items:stretch}.flow-node{min-height:76px}.simulator{grid-template-columns:1fr}.sim-result,.small-note{grid-column:auto}.lab-layout{grid-template-columns:1fr}.practice-nav{top:115px}.video-grid{grid-template-columns:repeat(2,1fr)}.footer{flex-wrap:wrap;padding:25px 20px}}@media (width<=470px){.logo{font-size:14px}.logo b{font-size:18px}.page-hero h1{font-size:44px}.article-top h1{font-size:36px}.sim-controls,.video-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.tool-grid>div{min-height:94px}.read-heading h2,.tool-map h2,.simulator h2,.section-block h2{font-size:34px}.article-body>section{grid-template-columns:1fr;gap:2px}.footer>a:last-child{margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.page-hero:not(.compact) h1{margin:14px 0 8px;font-size:clamp(35px,4vw,55px)}.page-hero .hero-question{font:400 clamp(38px, 4.4vw, 62px) / 1.15 var(--font-display);letter-spacing:-.045em;color:#152320;margin:0 0 24px}.hero-question em{color:#069e8a;font-style:normal}.signal-lines{flex-direction:column;gap:5px;display:flex}.signal-lines>div{grid-template-columns:70px 1fr;align-items:center;gap:7px;display:grid}.signal-lines span{color:#9bc4b5;font-size:11px;font-weight:800}.signal-lines code{min-width:0}.video-thumb{aspect-ratio:16/9;background:#dceae4;border-radius:15px 15px 0 0;margin:-20px -20px 7px;display:block;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-thumb .play-icon{background:#0cefd3e8;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 15px #0005}.video-grid a:hover img{transform:scale(1.03)}.video-thumb img{transition:transform .2s}.full-content{min-width:0}.header .logo{color:#152320}.reading-home,.article-shell,.guide-body{max-width:1160px;margin:auto;padding:0 28px}.reading-home-head{border-bottom:1px solid #dce6e2;padding:92px 0 76px}.reading-eyebrow,.guide-overline,.story-section-label{color:#008d7d;letter-spacing:.13em;font-size:12px;font-weight:900;display:block}.reading-home-head h1{font:400 clamp(54px, 7vw, 92px) / 1.07 var(--font-display);max-width:800px;margin:20px 0}.reading-home-head>p{color:#576661;max-width:660px;font-size:20px}.reading-home-head .reading-home-note{margin:24px 0 0}.reading-home-stats{color:#61716b;flex-wrap:wrap;gap:26px;margin-top:36px;display:flex}.reading-home-stats strong{color:#162923;margin-right:7px;font-size:23px}.read-list-head{justify-content:space-between;align-items:end;gap:20px;margin:72px 0 25px;display:flex}.read-list-head h2,.related-stories h2{font:400 43px var(--font-display);margin:7px 0}.read-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding-bottom:80px;display:grid}.read-card{background:#f7faf8;border-top:1px solid #d7e4dd;border-bottom:1px solid #d7e4dd;min-width:0;min-height:238px;margin-top:-1px;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:flex;position:relative}.read-card:hover{z-index:1;background:#edf8f3;border-color:#92cabb;transform:translateY(-3px)}.read-card.is-featured{color:#fff;background:#153c31;border:0;grid-column:1/-1;min-height:278px;margin:0 0 28px}.read-card-index{color:#0a8a76;font:800 28px/1 var(--font-display);letter-spacing:-.06em;border-right:1px solid #d7e4dd;flex:0 0 86px;padding:24px 0 0 24px}.read-card-copy{flex:1;min-width:0;padding:24px 28px 28px}.read-card-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.read-meta{color:#75847e;font-size:12px;font-weight:800}.read-meta b{margin:0 7px}.read-card h3{font:400 31px/1.25 var(--font-display);margin:15px 0}.read-card p{color:#61716b;margin:0 0 22px;line-height:1.65}.read-more{color:#087c6d;font-weight:900}.read-card-arrow{color:#0a8a76;flex:none;font-size:21px;line-height:1;transition:transform .2s}.read-card:hover .read-card-arrow{transform:translate(3px,-3px)}.read-card.is-featured .read-card-index{color:#8ce3ce;letter-spacing:-.11em;border-right-color:#ffffff2b;flex-basis:174px;padding:28px 24px;font-size:clamp(74px,10vw,142px)}.read-card.is-featured .read-card-copy{padding:35px 44px 38px}.read-card.is-featured .read-meta,.read-card.is-featured p{color:#b9d5ca}.read-card.is-featured h3{max-width:690px;margin:20px 0 15px;font-size:clamp(35px,5vw,58px);line-height:1.12}.read-card.is-featured .read-card-arrow,.read-card.is-featured .read-more{color:#8ce3ce}.read-card.is-featured:hover{background:#1b493b;border-color:#0000}.empty-reading{color:#5f6e68;padding:40px 0 100px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reading-back{color:#087b6e;margin:45px 0 36px;font-weight:800;text-decoration:none;display:inline-block}.story-header{max-width:820px;margin:0 auto 42px}.story-category{color:#0b8a78;letter-spacing:.08em;font-size:13px;font-weight:900}.story-header h1{font:400 clamp(45px, 6vw, 74px) / 1.12 var(--font-display);margin:19px 0}.story-lead{color:#52625d;font-size:22px;line-height:1.6}.story-layout{grid-template-columns:minmax(0,760px) 190px;justify-content:center;gap:65px;padding-top:65px;display:grid}.story-body{min-width:0;font-size:17px;line-height:1.83}.story-body>section{border-bottom:1px solid #e0e9e4;padding:63px 0;scroll-margin-top:95px}.story-body h2{font:400 37px/1.3 var(--font-display);margin:13px 0 27px}.story-body h3{font-size:24px;line-height:1.35}.story-body p{margin:12px 0 20px}.story-toc{border-left:1px solid #d9e5df;flex-direction:column;align-self:start;gap:13px;padding:7px 0 7px 18px;font-size:12px;display:flex;position:sticky;top:100px}.story-toc span{color:#172d25;font-weight:900}.story-toc a{color:#76847e;text-decoration:none}.story-toc a:hover{color:#087e70}.article-sources,.arch-links,.guide-docs{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.article-sources a,.arch-links a,.guide-docs a{color:#087565;background:#eaf6f1;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:750;text-decoration:none}.reading-questions,.think-box{background:#f2f7f4;border-radius:8px;padding:20px 25px}.reading-questions ol{margin-bottom:0}.article-flow{background:#fff;border:1px solid #d6e5dd;border-radius:10px;padding:22px}.flow-topline{color:#6b8176;justify-content:space-between;gap:10px;font-size:12px;display:flex}.flow-lane{gap:7px;margin-top:21px;display:flex;overflow:auto}.flow-piece{align-items:center;gap:10px;min-width:max-content;display:flex}.flow-piece>span{color:#059a83;font-size:11px;font-weight:900}.flow-piece strong{background:#eaf9f2;border:1px solid #bfe7d7;border-radius:7px;padding:11px;font-size:14px}.flow-piece i{color:#02a68c;font-style:normal}.evolution-step{border-bottom:1px solid #e5ece8;grid-template-columns:45px 1fr;gap:17px;padding:28px 0;display:grid}.evolution-marker,.essential-index{color:#00a68f;font-weight:900}.evolution-step h3{margin:0}.story-body pre{color:#d8f5e8;background:#1e302b;border-radius:8px;padding:19px;font:13px/1.6 Consolas,monospace;overflow:auto}.think-box{margin:18px 0;font-size:15px}.think-box span{color:#078577;margin-top:7px;display:block}.think-box p{margin:8px 0 0}.ladder-recap{margin-top:30px}.ladder-table>div,.architecture-compare>div{border-bottom:1px solid #dce8e1;grid-template-columns:1fr 2fr;gap:15px;padding:12px;font-size:14px;display:grid}.ladder-table>div:first-child,.architecture-compare>div:first-child{background:#eaf5ef;font-weight:900}.essential-item{border-top:1px solid #e3ece7;grid-template-columns:40px 1fr;gap:15px;padding:20px 0;display:grid}.essential-item h3{margin:0 0 8px}.essential-item>div>div{margin-bottom:22px}.article-lab-link{color:#103229;background:#0cefd3;border-radius:8px;padding:12px 18px;font-weight:900;text-decoration:none;display:inline-block}.not-doing-list>div,.mistake-list>div{border-top:1px solid #e5ede8;padding:18px 0}.mistake-list span{color:#0c8877;font-size:11px;font-weight:900}.mistake-list h3{margin:4px 0 12px}.story-finish{justify-content:space-between;gap:15px;padding:35px 0;display:flex}.story-finish a{color:#087f6f}.related-stories{padding:85px 0}.related-stories>div{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;display:grid}.reading-missing{text-align:center;padding:100px 25px}.architecture-deep{border-top:3px solid #123d32;margin:52px 0;padding-top:30px}.architecture-deep>h3{font:400 31px var(--font-display)}.architecture-deep>h4{margin:48px 0 14px;font-size:22px}.architecture-compare{border:1px solid #dce8e1;margin:24px 0;overflow:auto}.architecture-compare>div{grid-template-columns:120px 1fr 1fr;min-width:580px}.architecture-map{background:#fbfdfb;border:1px solid #d9e7df;border-radius:12px;padding:22px}.arch-instruction{color:#62766b;font-size:13px;margin:0 0 18px!important}.arch-nodes{gap:3px;padding:3px 0 13px;display:flex;overflow:auto}.arch-node-wrap{flex:1;align-items:center;min-width:0;display:flex}.arch-node{text-align:left;color:#15342a;background:#fff;border:1px solid #c9dcd1;border-radius:8px;flex-direction:column;gap:5px;width:100%;min-width:118px;min-height:120px;padding:15px;transition:background .15s,transform .15s;display:flex}.arch-node:hover,.arch-node:focus-visible,.arch-node.is-active{background:#ddf8e9;border-color:#03ad86;transform:translateY(-2px)}.arch-node span{color:#087966;font-size:11px;font-weight:900}.arch-node strong{font-size:15px;line-height:1.2}.arch-node small{color:#5c7167;font-size:11px;line-height:1.35}.arch-arrow{color:#0a917c;padding:0 7px}.arch-detail{color:#e7f9ed;background:#17352d;border-radius:8px;min-height:205px;padding:20px 25px}.arch-detail>div{align-items:center;gap:15px;display:flex}.arch-detail>div span{color:#71d8b7;font-size:11px;font-weight:900}.arch-detail h3{margin:0;font-size:21px}.arch-detail p{margin:8px 0;font-size:14px}.arch-note{color:#b7dfce}.arch-links a{color:#d5f7e5;background:#2d5947}.arch-explain-grid{grid-template-columns:1fr 1fr;gap:16px;margin:26px 0;display:grid}.arch-explain-grid>div{background:#f7fbf8;border:1px solid #dce8e0;padding:20px}.arch-explain-grid h4{margin:0 0 10px;font-size:19px}.arch-explain-grid p{font-size:15px}.arch-explain-grid .arch-links a{color:#087565;background:#e5f3e9}.arch-tempo{margin-bottom:15px;overflow:auto}.arch-tempo-row{background:#eff7f1;border-radius:7px;align-items:center;gap:8px;min-width:650px;margin:8px 0;padding:13px;display:flex}.arch-tempo-row>span:first-child{color:#0a806c;flex:none;width:38px;font-size:11px;font-weight:900}.arch-tempo-row>i,.arch-tempo-branch i{color:#078c73;text-align:center;font-style:normal;font-weight:900}.arch-tempo-row>.arch-node{flex:none;width:125px}.arch-tempo-branch{flex:1;gap:7px;display:grid}.arch-tempo-branch>div{align-items:center;gap:7px;display:flex}.arch-tempo-branch .arch-node{max-width:145px;min-height:65px}.arch-tempo-branch small{color:#5b7063;font-size:11px}.arch-tempo-dest span{background:#fff;border:1px solid #c9dcd1;border-radius:5px;padding:9px 12px;font-size:12px;font-weight:800}.guide-hero{background:#e7f9f1;padding:85px max(28px,50vw - 552px)}.guide-hero h1{font:400 clamp(50px, 6vw, 78px) var(--font-display);margin:14px 0}.guide-hero p{max-width:700px;font-size:20px}.guide-hero-notes{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.guide-hero-notes span{background:#fff;border-radius:5px;padding:9px 13px;font-size:12px;font-weight:800}.guide-body>section{border-bottom:1px solid #e0e9e4;padding:75px 0}.guide-body h2{font:400 42px var(--font-display);margin:12px 0 22px}.guide-criteria{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.guide-criteria article,.layer-card,.decision-result{background:#fff;border:1px solid #dce8e0;border-radius:8px;padding:24px}.guide-criteria b{color:#0d9a83}.guide-criteria h3{margin:8px 0;font-size:22px}.guide-section-lead{color:#5d6f64;max-width:720px}.guide-pipeline{color:#eafff0;background:#17372d;border-radius:8px;align-items:center;gap:10px;margin:30px 0;padding:18px;display:flex;overflow:auto}.guide-pipeline span{white-space:nowrap;background:#2c5b47;border-radius:6px;padding:12px;font-weight:800}.guide-pipeline i{font-style:normal}.tool-stack-visual{color:#153c31;background:0 0;border:1px solid #d5e5dc;border-radius:14px;margin:30px 0;padding:24px;overflow:hidden}.tool-stack-visual-head{border-bottom:1px solid #d5e5dc;justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;display:flex}.tool-stack-kicker{color:#087c6d;letter-spacing:.14em;font-size:10px;font-weight:900;display:block}.tool-stack-visual h3{color:#153c31;font:400 clamp(21px, 3vw, 31px) / 1.25 var(--font-display);margin:8px 0 0}.tool-stack-visual-head>span{color:#62766b;flex:none;font-size:11px}.tool-stack-scene-shell{grid-template-columns:minmax(0,1fr) 220px;gap:16px;padding-top:18px;display:grid}.tool-stack-scene{cursor:crosshair;background:0 0;border:1px solid #d5e5dc;border-radius:10px;min-height:350px;position:relative;overflow:hidden}.tool-stack-scene canvas{width:100%;height:100%;display:block}.stack-service-logo-overlay{z-index:2;color:#2a8f7c;pointer-events:none;border:1px solid #2a8f7cb8;border-radius:9px;flex-direction:column;align-items:center;width:88px;height:86px;padding:7px;display:flex;position:absolute;top:50%;left:11%;transform:translateY(-50%)}.stack-service-logo-overlay b{letter-spacing:.08em;margin-top:4px;font-size:9px}.stack-service-ec2-logo{object-fit:contain;width:19px;height:19px;position:absolute;top:7px;right:7px}.stack-service-spring-logo{object-fit:contain;width:43px;height:43px;margin-top:9px}.tool-stack-scene.is-service-selected .stack-service-logo-overlay{border-width:2px;border-color:#087c6d;box-shadow:0 0 0 3px #087c6d1f}.tool-stack-scene-legend{flex-direction:column;gap:6px;display:flex}.tool-stack-scene-legend button{color:#153c31;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:8px 1fr;align-items:center;column-gap:9px;min-width:0;padding:10px 11px;display:grid}.tool-stack-scene-legend button:hover,.tool-stack-scene-legend button:focus-visible,.tool-stack-scene-legend button.is-active{background:#edf8f3;border-color:#0c9c83;outline:none}.tool-stack-scene-legend i{border-radius:50%;grid-row:span 2;width:8px;height:8px;box-shadow:0 0 10px}.tool-stack-scene-legend span{font-size:12px;font-weight:850}.tool-stack-scene-legend small{color:#62766b;margin-top:2px;font-size:10px}.tool-stack-scene-detail{background:0 0;border-left:3px solid #0c9c83;grid-template-columns:auto 1fr;align-items:baseline;gap:5px 12px;margin-top:16px;padding:14px 16px;display:grid}.tool-stack-scene-detail>span{color:#087c6d;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-stack-scene-detail strong{font-size:17px}.tool-stack-scene-detail p{color:#62766b;grid-column:1/-1;margin:2px 0 0;font-size:13px;line-height:1.6}.tool-architecture{color:#effff5;background:#102d25;border:1px solid #d5e5dc;border-radius:12px;margin:42px 0 54px;padding:28px}.tool-architecture-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.tool-architecture-heading h2{color:#f4fff8;margin-bottom:12px}.tool-architecture-heading p{color:#c2dfd0;max-width:690px;margin:0}.tool-architecture-count{color:#9ae4c1;border:1px solid #3d735c;border-radius:999px;flex:none;padding:8px 11px;font-size:12px;font-weight:800}.tool-architecture-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:25px 0 12px;display:grid}.tool-architecture-tabs button{color:#d5f3e0;text-align:left;background:#173b2e;border:1px solid #315846;border-radius:8px;min-height:88px;padding:12px}.tool-architecture-tabs button:hover,.tool-architecture-tabs button:focus-visible,.tool-architecture-tabs button.is-active{color:#fff;background:#256047;border-color:#7ee1b3}.tool-architecture-tabs span,.tool-architecture-tabs small{display:block}.tool-architecture-tabs span{color:#8fe6c2;font-size:11px;font-weight:900}.tool-architecture-tabs strong{margin:7px 0 4px;font-size:14px;display:block}.tool-architecture-tabs small{color:#acd4bf;font-size:11px;line-height:1.3}.tool-architecture-card{background:#173b2e;border:1px solid #3b6a55;border-radius:9px;overflow:hidden}.tool-architecture-card-head{justify-content:space-between;gap:28px;padding:22px 24px 13px;display:flex}.tool-architecture-card-head>div{flex:none}.tool-architecture-card-head>div>span,.tool-architecture-detail>span{color:#8fe6c2;letter-spacing:.04em;font-size:11px;font-weight:900}.tool-architecture-card-head h3{color:#fff;margin:5px 0 0;font-size:25px}.tool-architecture-card-head p{color:#c5e1d2;max-width:590px;margin:0;font-size:14px}.tool-architecture-svg{width:100%;min-width:820px;height:auto;padding:2px 15px 5px;display:block}.tool-architecture-svg-node{cursor:pointer;outline:none}.tool-architecture-svg-node:hover rect,.tool-architecture-svg-node:focus rect,.tool-architecture-svg-node.is-active rect{fill:#2e8060;stroke:#a1f1c9;stroke-width:2px}.tool-architecture-svg-index{fill:#8fe6c2;font-size:10px;font-weight:900}.tool-architecture-detail{background:#112f26;border-left:3px solid #8fe6c2;align-items:start;gap:18px;margin:0 24px 17px;padding:14px 16px;display:flex}.tool-architecture-detail p{color:#c5e1d2;margin:0;font-size:13px}.tool-architecture-figure{background:#f7fbf8;border:1px solid #b9d8c4;border-radius:9px;margin:8px 24px 20px;padding:12px}.tool-architecture-figure img{border-radius:5px;width:100%;height:auto;display:block}.tool-architecture-figure figcaption{color:#536a5d;margin:10px 3px 0;font-size:12px;line-height:1.55}.tool-architecture-ops{border-top:1px solid #3b6a55;margin:0 24px 20px;padding-top:20px}.tool-architecture-ops-heading,.tool-architecture-model{justify-content:space-between;align-items:end;gap:20px;display:flex}.tool-architecture-ops-heading>div>span,.tool-architecture-model>div>span{color:#8fe6c2;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-architecture-ops h4,.tool-architecture-model h4,.tool-architecture-checks h4{color:#fff;margin:5px 0 0;font-size:18px}.tool-architecture-ops-heading p{color:#bddaca;max-width:480px;margin:0;font-size:12px}.tool-architecture-components{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.tool-architecture-components article{background:#143529;border:1px solid #37654f;border-radius:7px;min-width:0;padding:13px}.tool-architecture-components article>span{color:#8fe6c2;font-size:10px;font-weight:900}.tool-architecture-components h5{color:#fff;overflow-wrap:anywhere;margin:8px 0 5px;font-size:13px}.tool-architecture-components p{color:#c1dfcf;margin:0;font-size:11px;line-height:1.45}.tool-architecture-components small{color:#9ecbb3;margin-top:10px;font-size:10px;line-height:1.45;display:block}.tool-architecture-model{align-items:start;margin-top:21px}.tool-architecture-model>div:first-child{flex:none;width:210px}.tool-architecture-model-scroll{flex:1;min-width:0;overflow-x:auto}.tool-architecture-model table{border-collapse:collapse;color:#27463a;background:#f7fbf8;width:100%;min-width:590px;font-size:11px}.tool-architecture-model th,.tool-architecture-model td{text-align:left;vertical-align:top;border:1px solid #cbe0d3;padding:9px 10px;line-height:1.45}.tool-architecture-model thead th{color:#17674f;background:#dff2e6;font-size:10px}.tool-architecture-model tbody th{background:#eef8f1;width:150px}.tool-architecture-model code{color:#0d7d67;overflow-wrap:anywhere;font-size:10px}.tool-architecture-checks{background:#112f26;border-left:3px solid #8fe6c2;margin-top:20px;padding:14px 16px}.tool-architecture-checks h4{font-size:14px}.tool-architecture-checks ul{color:#c5e1d2;grid-template-columns:repeat(3,1fr);gap:8px 20px;margin:10px 0 0;padding-left:17px;font-size:11px;line-height:1.5;display:grid}.tool-architecture-links{flex-wrap:wrap;gap:7px;padding:0 24px 21px;display:flex}.tool-architecture-links a{color:#d9f9e7;background:#2a6049;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;text-decoration:none}.layer-list{gap:16px;margin-top:35px;display:grid}.tool-architecture{isolation:isolate;color:#182230;background:#f7f9fb;border:1px solid #d8e0e8;border-radius:14px;padding:34px;position:relative;box-shadow:0 12px 30px #23354914}.tool-architecture-heading h2,.tool-architecture-card-head h3,.tool-architecture-ops h4,.tool-architecture-model h4,.tool-architecture-checks h4{color:#162536}.tool-architecture-heading p,.tool-architecture-card-head p,.tool-architecture-ops-heading p{color:#526273}.tool-architecture-count{color:#485e75;background:#fff;border-color:#ccd7e2}.tool-architecture-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tool-architecture-tabs button{color:#2c3c4d;background:#fff;border:1px solid #d5dee8;border-radius:10px;min-height:104px;position:relative;box-shadow:0 2px 5px #2f43590a}.tool-architecture-tabs button:hover,.tool-architecture-tabs button:focus-visible,.tool-architecture-tabs button.is-active{color:#172c42;background:#f1f7fb;border-color:#47789f;box-shadow:0 0 0 2px #47789f1f}.tool-architecture-tabs span.tool-tab-index{color:#8b9bad;font-size:10px;position:absolute;top:15px;right:12px}.tool-brand-mark{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:21px 21px;border-radius:7px;place-items:center;width:27px;height:27px;font-weight:900;line-height:1;color:#fff!important;font-size:0!important;display:inline-grid!important}.tool-architecture-tabs strong{color:#1c3043;margin:10px 0 4px}.tool-architecture-tabs small{color:#68798b}.tool-architecture-card{background:#fff;border:1px solid #d2dce6;border-radius:11px;overflow:visible;box-shadow:0 5px 16px #2234480f}.tool-architecture-card-head{padding:24px 26px 15px}.tool-architecture-card-head>div>span,.tool-architecture-detail>span,.tool-architecture-ops-heading>div>span,.tool-architecture-model>div>span{color:#55738f}.tool-architecture-card-head h3{font-size:27px}.tool-architecture-main{padding:0 24px 20px;display:block}.tool-architecture-diagram-wrap{background:0 0;border:1px solid #d9e2eb;border-radius:10px;min-width:0}.tool-architecture-three-shell{background:0 0;min-width:0}.tool-architecture-three{background:radial-gradient(circle at 50% 45%,#fff 0%,#f5faf8 72%,#edf5f1 100%);width:100%;height:390px;overflow:hidden}.tool-architecture-three canvas{width:100%;height:100%;display:block}.tool-architecture-three-node-list{background:#f8fbfa;border-top:1px solid #e0e7ee;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.tool-architecture-three-node-list button{color:#536b7b;cursor:pointer;min-height:32px;font:inherit;background:#fff;border:1px solid #d4e0e8;border-radius:5px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.tool-architecture-three-node-list button:hover,.tool-architecture-three-node-list button:focus-visible,.tool-architecture-three-node-list button.is-active{color:#1f6e61;border-color:#2a8f7c;outline:none;box-shadow:0 0 0 2px #2a8f7c1f}.tool-architecture-three-node-list b{color:#86a0ae;font-size:10px}.tool-architecture-three-node-list button.is-active b{color:#2a8f7c}.tool-architecture-svg{width:100%;min-width:0;padding:0}.tool-svg-grid{fill:url(#grid-alloy)}.tool-svg-zone rect{fill:#f7fafc;stroke:#d9e2eb;stroke-width:1px}.tool-svg-zone-0 rect{fill:#f3f8fb}.tool-svg-zone-1 rect{fill:#fbfbfd}.tool-svg-zone-2 rect{fill:#f9f7fd}.tool-svg-zone text{fill:#8090a0;letter-spacing:.08em;font-size:10px;font-weight:800}.tool-svg-brand{fill:#21364a;font-size:14px;font-weight:900}.tool-svg-flow{fill:none;stroke:#7a8d9f;stroke-width:2px;transition:stroke .18s,stroke-width .18s}.tool-svg-flow.is-highlighted{stroke:#3f729a;stroke-width:3px}.tool-svg-packet{fill:#417aa5}.tool-svg-edge-label{fill:#60758b;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font-size:9px;font-weight:800}.tool-svg-output{fill:#486b83;font-size:10px;font-weight:800}.tool-svg-failure{fill:none;stroke:#c44545;stroke-width:1.8px;stroke-dasharray:5 5}.tool-svg-failure-label{fill:#a63c3c;text-anchor:middle;font-size:10px;font-weight:800}.tool-architecture-svg-node rect{fill:#fff;stroke:#bdcad6;stroke-width:1.4px;transition:fill .16s,stroke .16s,filter .16s}.tool-architecture-svg-node:hover rect,.tool-architecture-svg-node:focus rect,.tool-architecture-svg-node.is-active rect{fill:#f2f8fc;stroke:#3e749b;stroke-width:2px;filter:drop-shadow(0 3px 4px #2c537024)}.tool-svg-node-icon{fill:#edf2f6;stroke:#aebdca}.tool-svg-node-icon-text{fill:#456174;font-size:10px;font-weight:900}.tool-architecture-svg-index{fill:#8292a2;font-size:9px}.tool-architecture-svg-label{fill:#263b4e;font-size:12px;font-weight:800}.tool-architecture-svg-hint{fill:#60778b;font-size:10px}.tool-architecture-detail{background:linear-gradient(110deg,#f1faf7,#fbfdfd);border:1px solid #c8dfe0;border-left:5px solid #15957d;border-radius:9px;min-height:0;margin:14px 24px 20px;padding:20px 22px;display:block;position:static}.tool-architecture-detail h4{color:#194856;margin:7px 0 8px;font-size:22px}.tool-architecture-detail p{color:#516577;line-height:1.6}.tool-architecture-detail-meta{color:#516577;border-top:1px solid #d8e2ea;gap:5px;margin-top:22px;padding-top:13px;font-size:11px;display:grid}.tool-architecture-detail-meta code{color:#2f6c93;font-size:11px}.tool-architecture-figure{background:#fff;border-color:#d2dce6;margin:0 24px 20px}.tool-architecture-ops{border-top-color:#d9e2eb;margin:0 24px 20px;padding-top:20px}.tool-architecture-components article{background:#f8fafc;border-color:#d3dee8}.tool-architecture-components article>span{color:#55738f}.tool-architecture-components h5{color:#243a4d}.tool-architecture-components p{color:#536577}.tool-architecture-components small{color:#657b8e}.tool-architecture-model table{color:#2b4154;background:#fff}.tool-architecture-model th,.tool-architecture-model td{border-color:#d5e0e9}.tool-architecture-model thead th{color:#3c617d;background:#eef4f8}.tool-architecture-model tbody th{background:#f7fafc}.tool-architecture-model code{color:#2f6c93}.tool-architecture-checks{background:#f5f8fa;border-left-color:#47789f}.tool-architecture-checks ul{color:#526777}.tool-architecture-links{padding-bottom:23px}.tool-architecture-links a{color:#2f607f;background:#edf3f7}.tool-architecture-links a:hover,.tool-architecture-links a:focus-visible{background:#dcebf4}@media (prefers-reduced-motion:reduce){.tool-svg-packet{display:none}}@media (width<=900px){.tool-architecture{padding:22px 16px}.tool-architecture-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-architecture-main{grid-template-columns:1fr;padding:0 16px 18px}.tool-architecture-detail{min-height:0;position:static}.tool-architecture-three{height:320px}.tool-architecture-card-head{padding:20px 16px 13px;display:block}.tool-architecture-card-head p{margin-top:10px}.tool-architecture-ops,.tool-architecture-figure{margin-left:16px;margin-right:16px}.tool-architecture-components{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.tool-architecture-tabs,.tool-architecture-components{grid-template-columns:1fr}.tool-architecture-three{min-width:640px}.tool-architecture-diagram-wrap{overflow-x:auto}}.architecture-modal-open{overflow:hidden}.tool-architecture-diagram-wrap{position:relative}.tool-architecture-diagram-toolbar{color:#7a8998;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #e0e7ee;justify-content:space-between;align-items:center;min-height:38px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.tool-architecture-diagram-toolbar button{color:#315f7d;letter-spacing:0;text-transform:none;background:#fff;border:1px solid #cbd7e2;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.tool-architecture-diagram-toolbar button:hover,.tool-architecture-diagram-toolbar button:focus-visible{background:#f1f7fb;border-color:#47789f;outline:none}.tool-architecture-lightbox{z-index:1000;background:#0e1a27ad;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.tool-architecture-lightbox-dialog{background:#fff;border:1px solid #c8d5e1;border-radius:12px;width:min(1280px,96vw);max-height:94vh;overflow:auto;box-shadow:0 24px 70px #00000047}.tool-architecture-lightbox-head{border-bottom:1px solid #e0e7ee;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.tool-architecture-lightbox-head span,.tool-architecture-lightbox-detail>span{color:#55738f;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-architecture-lightbox-head h3{color:#1d3348;margin:5px 0 0;font-size:22px}.tool-architecture-lightbox-head button{color:#43596d;background:#fff;border:1px solid #cbd7e2;border-radius:6px;padding:7px 10px;font-weight:800}.tool-architecture-lightbox-head button span{color:#43596d;letter-spacing:0;margin-left:5px;font-size:18px}.tool-architecture-lightbox-head button:hover,.tool-architecture-lightbox-head button:focus-visible{background:#f3f8fb;border-color:#47789f;outline:none}.tool-architecture-lightbox-body{grid-template-columns:minmax(0,1fr) 250px;gap:18px;padding:20px 22px 12px;display:grid}.tool-architecture-lightbox-diagram{background:#fff;border:1px solid #d6e0e8;border-radius:9px;overflow:hidden}.tool-architecture-lightbox-diagram .tool-architecture-three{height:500px}.tool-architecture-lightbox-detail{background:#f7fafc;border:1px solid #cddae5;border-left:4px solid #47789f;border-radius:8px;align-self:stretch;min-height:185px;padding:17px}.tool-architecture-lightbox-detail h4{color:#1d3449;margin:8px 0;font-size:18px}.tool-architecture-lightbox-detail p{color:#526777;margin:5px 0 0;font-size:12px;line-height:1.6}.tool-architecture-lightbox-detail>div{border-top:1px solid #d9e2ea;margin-top:18px;padding-top:12px}.tool-architecture-lightbox-detail b{color:#365770;font-size:11px}.tool-architecture-lightbox-hint{color:#6c7e8f;margin:0;padding:0 22px 18px;font-size:11px}.tool-architecture-lightbox-hint kbd{color:#4a6276;background:#f3f6f8;border:1px solid #cbd7e2;border-radius:3px;padding:2px 5px}@media (width<=900px){.tool-architecture-lightbox{padding:12px}.tool-architecture-lightbox-body{grid-template-columns:1fr}.tool-architecture-lightbox-detail{min-height:0}}@media (width<=560px){.tool-architecture-lightbox-head{padding:15px}.tool-architecture-lightbox-body{padding:15px 15px 10px}.tool-architecture-lightbox-diagram{overflow-x:auto}.tool-architecture-lightbox-diagram .tool-architecture-three{min-width:720px}.tool-architecture-lightbox-hint{padding:0 15px 15px}}.tool-learning-paths{border-top:1px solid #d6e0e8;margin:48px 0 54px;padding:28px 0 0}.tool-learning-heading{max-width:720px}.tool-learning-heading h2{color:#1c3043;margin:8px 0 10px}.tool-learning-heading p{color:#5d7081;margin:0;line-height:1.65}.tool-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.tool-learning-card{background:#fff;border:1px solid #d6e0e8;border-radius:10px;grid-template-columns:36px minmax(0,1fr);gap:13px;padding:18px;display:grid;box-shadow:0 3px 12px #2234480a}.tool-learning-mark{color:#0000;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:28px 28px;border-radius:8px;place-items:center;width:34px;height:34px;font-size:0;font-weight:900;display:grid}.tool-learning-card-copy>span{color:#6d7f90;font-size:10px;font-weight:800}.tool-learning-card h3{color:#1e3449;margin:4px 0 5px;font-size:18px}.tool-learning-card p{color:#5a6d7e;margin:0;font-size:12px;line-height:1.5}.tool-learning-card-meta{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.tool-learning-card-meta span{color:#668092;background:#f8fbfc;border:1px solid #d9e5eb;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.tool-learning-card ol{gap:5px;margin:14px 0 0;padding:0;list-style:none;display:grid}.tool-learning-card li{min-width:0}.tool-learning-card li a{color:#3b6684;border-radius:4px;padding:7px;font-size:12px;text-decoration:none;display:block}.tool-learning-card li a:hover,.tool-learning-card li a:focus-visible{background:#edf4f8;outline:none}.tool-learning-card li b{color:#8a9aaa;margin-right:3px;font-size:10px}.tool-learning-chapter-title{display:block}.tool-learning-card li small{color:#7b8d9b;margin:4px 0 0 23px;font-size:10px;line-height:1.45;display:block}.tool-lesson-page{background:#f7f9fb;padding:46px 0 80px}.tool-lesson-layout{grid-template-columns:230px minmax(0,760px);align-items:start;gap:46px;width:min(1080px,100% - 48px);margin:0 auto;display:grid}.tool-series-nav{gap:3px;display:grid;position:sticky;top:25px}.tool-series-nav-heading{border-bottom:1px solid #d4dfe8;gap:3px;margin-bottom:10px;padding:0 10px 10px;display:grid}.tool-series-nav-heading span{color:#1f3b53;font-weight:900}.tool-series-nav-heading small{color:#7a8b9a;font-size:11px}.tool-series-nav a{color:#627486;border-radius:5px;grid-template-columns:25px 1fr;gap:6px;padding:9px 10px;font-size:12px;text-decoration:none;display:grid}.tool-series-nav a b{color:#9aa7b3;font-size:10px}.tool-series-nav a:hover,.tool-series-nav a:focus-visible,.tool-series-nav a.is-active{color:#245a7c;background:#eaf2f7;outline:none}.tool-series-nav a.is-active b{color:#3f789d}.tool-lesson-main{min-width:0}.tool-lesson-back{color:#52738b;margin-bottom:30px;font-size:12px;text-decoration:none;display:inline-block}.tool-lesson-back:hover{color:#1e5a7d}.tool-lesson-header{border-bottom:1px solid #d7e0e8;padding-bottom:30px}.tool-lesson-header>span{color:#587993;letter-spacing:.06em;font-size:11px;font-weight:900}.tool-lesson-header h1{color:#172f45;letter-spacing:-.04em;margin:9px 0 11px;font-size:clamp(30px,5vw,46px)}.tool-lesson-header p{color:#536879;max-width:650px;margin:0;font-size:16px;line-height:1.7}.tool-concept-visual{background:linear-gradient(115deg,#f4fbf8,#fff);border:1px solid #d4e5df;border-radius:10px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:18px;margin:22px 0 4px;padding:17px;display:grid}.tool-concept-visual-mark{border:1px solid color-mix(in srgb, var(--tool-accent), #fff 45%);background:color-mix(in srgb, var(--tool-accent), #fff 88%);width:78px;height:78px;box-shadow:0 8px 18px color-mix(in srgb, var(--tool-accent), transparent 84%);border-radius:16px;place-items:center;display:grid;position:relative}.tool-concept-visual-mark img{object-fit:contain;width:48px;height:48px}.tool-concept-visual-mark span{background:var(--tool-accent);color:#fff;border-radius:999px;padding:4px 6px;font-size:9px;font-weight:900;position:absolute;bottom:-7px;right:-8px}.tool-concept-visual-copy>span{color:#648496;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-concept-visual-copy strong{color:#23485d;margin-top:5px;font-size:17px;display:block}.tool-concept-visual-copy p{color:#607585;margin:5px 0 0;font-size:12px;line-height:1.55}.tool-concept-flow{align-items:center;gap:7px;display:flex}.tool-concept-flow span{color:#315c63;background:#fff;border:1px solid #d8e7e1;border-radius:6px;gap:2px;min-width:70px;padding:8px 9px;font-size:10px;font-weight:800;display:grid}.tool-concept-flow span b{color:#7b9b99;font-size:9px}.tool-concept-flow i{color:#2c9c84;font-style:normal;font-weight:900}.tool-lesson-overview{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 4px;display:grid}.tool-lesson-overview>div{background:#fff;border:1px solid #d9e5eb;border-radius:8px;padding:16px 17px}.tool-lesson-overview span,.tool-lesson-checklist>div>span{color:#658296;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-lesson-overview strong{color:#24475f;margin-top:6px;font-size:15px;display:block}.tool-lesson-overview p{color:#607586;margin:7px 0 0;font-size:12px;line-height:1.6}.tool-lesson-bibbidi{background:linear-gradient(110deg,#f0faf7,#f7fbfc);border:1px solid #b8ddd4;border-radius:9px;grid-template-columns:1.05fr .95fr;gap:22px;margin:16px 0 2px;padding:19px 20px;display:grid}.tool-lesson-bibbidi span{color:#16836f;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-lesson-bibbidi h2{color:#1d4e50;margin:6px 0 7px;font-size:19px}.tool-lesson-bibbidi p{color:#506d70;margin:0;font-size:13px;line-height:1.65}.tool-lesson-bibbidi ul{color:#35666a;align-content:center;gap:8px;margin:0;padding-left:20px;font-size:12px;line-height:1.55;display:grid}.tool-lesson-block{border-bottom:1px solid #e0e7ed;padding:28px 0}.tool-lesson-block h2{color:#223e55;margin:0 0 10px;font-size:21px}.tool-lesson-block p{color:#4f6577;margin:0;line-height:1.75}.tool-lesson-block ul{color:#365c76;gap:7px;margin:16px 0 0;padding-left:20px;font-size:13px;line-height:1.6;display:grid}.investigation-flow{background:0 0;border:1px solid #c9dfe0;border-radius:10px;margin:30px 0 8px;padding:22px 20px 18px}.investigation-flow figcaption>span{color:#2a8f7c;letter-spacing:.09em;font-size:10px;font-weight:900}.investigation-flow figcaption h2{color:#24475f;margin:7px 0;font-size:21px}.investigation-flow figcaption p{color:#607586;margin:0;font-size:12px;line-height:1.6}.investigation-flow-canvas{background:0 0;height:285px;margin:12px -4px 0;overflow:hidden}.investigation-flow-canvas canvas{width:100%;height:100%;display:block}.investigation-flow-guide{color:#5f7883;flex-wrap:wrap;gap:8px 18px;margin:0 0 10px;font-size:11px;line-height:1.5;display:flex}.investigation-flow-guide span{align-items:center;gap:6px;display:inline-flex}.investigation-flow-guide i{border-radius:50%;width:9px;height:9px;display:inline-block}.investigation-flow-guide-time{background:#8ca6a8}.investigation-flow-guide-query{background:#2b9a83}.investigation-flow-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:2px;display:grid}.investigation-flow-controls button{color:#3b6070;text-align:left;cursor:pointer;min-height:63px;font:inherit;background:0 0;border:1px solid #d4e2e4;border-radius:6px;gap:5px;padding:9px 10px;display:grid}.investigation-flow-controls button:hover,.investigation-flow-controls button:focus-visible,.investigation-flow-controls button.is-active{border-color:#2a8f7c;outline:none;box-shadow:0 0 0 2px #2a8f7c1c}.investigation-flow-controls b{color:#24475f;font-size:12px}.investigation-flow-controls small{color:#6b808a;font-size:10px;line-height:1.4}.investigation-flow-callout{color:#55717c;border-left:3px solid #2a8f7c;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;font-size:11px;display:grid}.investigation-flow-callout strong{color:#2a8f7c;font-size:11px}.investigation-flow-callout em{color:#2f6c93;font-style:normal;font-weight:800}.tool-lesson-deep-dive{background:#f8f9fd;border:1px solid #d5dbe8;border-radius:9px;grid-template-columns:1.1fr .9fr;gap:24px;margin:28px 0 4px;padding:21px;display:grid}.tool-lesson-deep-dive-heading>span{color:#71699b;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-lesson-deep-dive h2{color:#333c60;margin:6px 0 8px;font-size:19px}.tool-lesson-deep-dive p{color:#59647c;margin:0;font-size:13px;line-height:1.7}.tool-lesson-deep-dive ul{color:#4d5875;align-content:center;gap:9px;margin:0;padding-left:20px;font-size:12px;line-height:1.6;display:grid}.tool-lesson-checklist{background:#eef6fa;border:1px solid #c9dce8;border-radius:9px;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:24px;margin:30px 0 4px;padding:20px;display:grid}.tool-lesson-checklist h2{color:#224763;margin:7px 0 0;font-size:19px}.tool-lesson-checklist ul{color:#365c76;gap:8px;margin:0;padding:0;font-size:12px;line-height:1.55;list-style:none;display:grid}.tool-lesson-checklist li{grid-template-columns:18px 1fr;align-items:start;gap:7px;display:grid}.tool-lesson-checklist li span{color:#16836f;font-weight:900}.grafana-dashboard-preview{color:#d7e3eb;background:#111923;border:1px solid #273442;border-radius:9px;margin:32px 0 8px;overflow:hidden;box-shadow:0 16px 32px #14273429}.grafana-reference-images{background:#0d151d;grid-template-columns:1.25fr .75fr;gap:10px;padding:13px;display:grid}.grafana-reference-images figure{background:#17232d;border:1px solid #344654;border-radius:5px;margin:0;overflow:hidden}.grafana-reference-images img{object-fit:cover;object-position:top left;width:100%;height:190px;display:block}.grafana-reference-images figure:nth-child(2) img{object-position:top center}.grafana-reference-images figcaption{color:#a9bdc8;padding:9px 10px;font-size:10px;line-height:1.5}.grafana-reference-images figcaption b{color:#f0f5f7}.grafana-reference-credit{color:#738995;background:#0d151d;margin:0;padding:0 14px 9px;font-size:10px}.grafana-reference-credit a{color:#83b9d1}.grafana-dashboard-preview-bar{color:#e9f1f6;background:#18232f;border-bottom:1px solid #2b3947;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;font-size:10px;display:flex}.grafana-dashboard-preview-bar b{color:#8da2b1;font-weight:500}.grafana-preview-dot{background:#f46800;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.grafana-preview-toolbar,.grafana-preview-actions{flex-wrap:wrap;gap:6px;display:flex}.grafana-preview-toolbar span,.grafana-preview-actions button{color:#b9c9d4;font:inherit;background:#202e3b;border:1px solid #394958;border-radius:3px;padding:5px 7px}.grafana-dashboard-preview-head{justify-content:space-between;align-items:end;gap:16px;padding:17px 18px 12px;display:flex}.grafana-dashboard-preview-head span{color:#8da2b1;font-size:10px}.grafana-dashboard-preview-head h3{color:#f1f6f8;margin:4px 0 0;font-size:19px}.grafana-preview-actions button{cursor:default}.grafana-dashboard-preview-vars{color:#91a5b3;background:#151f29;border-top:1px solid #263441;border-bottom:1px solid #263441;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 18px;font-size:10px;display:flex}.grafana-dashboard-preview-vars strong{color:#d2e2e9;border:1px solid #3b5262;border-radius:3px;padding:4px 7px;font-weight:600}.grafana-dashboard-preview-grid{grid-template-columns:.8fr .8fr 1.4fr;gap:10px;padding:13px;display:grid}.grafana-preview-panel{background:#1b2733;border:1px solid #2c3b48;border-radius:4px;min-height:112px;padding:12px}.grafana-preview-panel header{color:#c5d5de;justify-content:space-between;font-size:11px;display:flex}.grafana-preview-panel header span{color:#7d929f}.grafana-preview-stat strong{color:#f2f6f7;margin-top:19px;font-size:27px;display:block}.grafana-preview-stat strong small{color:#9fb0ba;font-size:11px;font-weight:500}.grafana-preview-stat em{color:#57c7a4;margin-top:4px;font-size:10px;font-style:normal;display:block}.grafana-preview-stat.is-alert{border-color:#7c5d42}.grafana-preview-stat.is-alert em{color:#f6b66c}.grafana-preview-chart{grid-column:1/3}.preview-line-chart{background:repeating-linear-gradient(#0000 0 21px,#657d8a24 22px);border-bottom:1px solid #3a4b57;align-items:end;gap:4%;height:65px;margin-top:13px;padding:0 5px;display:flex;position:relative}.preview-line-chart i{background:#7a6cf0;border-radius:2px 2px 0 0;width:8%;display:block;box-shadow:0 0 8px #7a6cf066}.preview-line-chart i:first-child{height:35%}.preview-line-chart i:nth-child(2){height:43%}.preview-line-chart i:nth-child(3){height:38%}.preview-line-chart i:nth-child(4){height:52%}.preview-line-chart i:nth-child(5){height:47%}.preview-line-chart i:nth-child(6){height:62%}.preview-line-chart i:nth-child(7){height:57%}.preview-line-chart i:nth-child(8){height:75%}.preview-line-chart i:nth-child(9){height:68%}.preview-line-chart i:nth-child(10){height:86%}.preview-line-chart b{color:#b4aaff;font-size:10px;position:absolute;top:1px;right:4px}.grafana-preview-chart footer{color:#718692;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.grafana-preview-table{grid-area:1/3/3}.grafana-preview-table>div{color:#b7c8d1;border-bottom:1px solid #2c3b48;justify-content:space-between;gap:8px;padding:10px 0;font-size:10px;display:flex}.grafana-preview-table>div:last-child{border-bottom:0}.grafana-preview-table b{color:#75d1b0}.grafana-preview-table b.bad{color:#f69e87}.grafana-dashboard-preview-caption{color:#8fa5b1;margin:0;padding:11px 15px 14px;font-size:11px;line-height:1.55}.grafana-alerting-preview{color:#dbe7ec;background:#121b24;border:1px solid #2c3947;border-radius:9px;margin:32px 0 14px;overflow:hidden;box-shadow:0 16px 32px #14273424}.grafana-alerting-preview-bar{color:#e6f0f4;background:#1b2733;border-bottom:1px solid #2b3947;justify-content:space-between;gap:12px;padding:11px 15px;font-size:11px;display:flex}.grafana-alerting-preview-bar i{background:#f46800;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.grafana-alerting-preview-bar b{color:#879dab;font-weight:500}.grafana-alerting-preview-bar em{color:#8da2b1;font-size:10px;font-style:normal}.grafana-alerting-preview-body{padding:17px}.grafana-alerting-rule-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.grafana-alerting-rule-head span{color:#9babb5;letter-spacing:.08em;font-size:10px}.grafana-alerting-rule-head h3{color:#f1f6f8;margin:5px 0 4px;font-size:19px}.grafana-alerting-rule-head p{color:#94a7b2;margin:0;font-size:11px}.grafana-alerting-rule-head>strong{color:#68d0a9;background:#19372f;border:1px solid #397a62;border-radius:4px;padding:6px 9px;font-size:11px}.grafana-alerting-columns{grid-template-columns:1.1fr 1fr 1fr;gap:10px;margin-top:16px;display:grid}.grafana-alerting-card{background:#1b2733;border:1px solid #2c3b48;border-radius:5px;min-height:148px;padding:12px}.grafana-alerting-card header{color:#c5d5de;justify-content:space-between;gap:8px;font-size:11px;display:flex}.grafana-alerting-card header span{color:#7f939f;font-size:9px}.grafana-alerting-card code{color:#b8c7ff;white-space:nowrap;background:#101820;border-radius:3px;margin:15px 0 11px;padding:8px;font-size:10px;display:block;overflow:hidden}.alert-condition{color:#8fa5b1;align-items:center;gap:7px;font-size:9px;display:flex}.alert-condition b{color:#f0b36d;font-size:9px}.alert-condition strong{color:#f4f7f8;font-size:17px}.grafana-alerting-card>small{color:#718692;margin-top:10px;font-size:9px;display:block}.grafana-alerting-card dl{margin:17px 0 0}.grafana-alerting-card dl div{border-bottom:1px solid #2c3b48;justify-content:space-between;gap:8px;padding:6px 0;font-size:10px;display:flex}.grafana-alerting-card dt{color:#8196a2}.grafana-alerting-card dd{color:#bdcbd2;margin:0}.alert-contact{align-items:start;gap:8px;margin-top:16px;display:flex}.alert-contact+.alert-contact{margin-top:13px}.alert-contact-icon{color:#d4e5eb;background:#38566b;border-radius:4px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.alert-contact strong,.alert-contact small{display:block}.alert-contact strong{color:#d7e4e9;font-size:10px}.alert-contact small{color:#778d99;margin-top:3px;font-size:9px}.alert-contact.muted .alert-contact-icon{background:#4a4559}.grafana-alerting-state{color:#b9cbd3;background:#17232d;border:1px solid #2d414e;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:10px;display:flex}.grafana-alerting-state b{color:#678493}.grafana-alerting-state small{color:#8297a2;width:100%}.state-dot{background:#68d0a9;border-radius:50%;width:7px;height:7px}.grafana-alerting-comparison{background:#f8fcfa;border:1px solid #d5e5dc;border-radius:9px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin:14px 0 8px;padding:14px;display:grid}.grafana-alerting-comparison>div{background:#fff;border:1px solid #dcebe3;border-radius:7px;min-height:92px;padding:12px}.grafana-alerting-comparison span{color:#087c6d;font-size:10px;font-weight:900}.grafana-alerting-comparison strong{color:#244d40;margin-top:5px;font-size:14px;display:block}.grafana-alerting-comparison p{color:#62766b;margin:7px 0 0;font-size:11px;line-height:1.5}.grafana-alerting-comparison>i{color:#0c9c83;font-size:18px;font-style:normal;font-weight:900}.tool-lesson-comparison{background:#fff;border:1px solid #d4e0e9;border-radius:10px;margin:32px 0;padding:22px;box-shadow:0 3px 12px #2234480a}.tool-lesson-comparison-heading>span{color:#55738f;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-lesson-comparison-heading h2{color:#1e3b52;margin:6px 0 7px;font-size:21px}.tool-lesson-comparison-heading p{color:#627587;margin:0;font-size:12px;line-height:1.55}.tool-lesson-comparison-scroll{border:1px solid #d8e2ea;border-radius:7px;margin-top:17px;overflow-x:auto}.tool-lesson-comparison table{border-collapse:collapse;table-layout:fixed;color:#435b6d;width:100%;min-width:680px;font-size:12px}.tool-lesson-comparison th,.tool-lesson-comparison td{text-align:left;vertical-align:top;border-bottom:1px solid #dce5ec;border-right:1px solid #dce5ec;padding:12px 13px;line-height:1.55}.tool-lesson-comparison thead th{color:#355d78;background:#edf4f8;font-size:11px;font-weight:900}.tool-lesson-comparison thead th:first-child{width:17%}.tool-lesson-comparison thead th:nth-child(2){width:27%}.tool-lesson-comparison thead th:nth-child(3),.tool-lesson-comparison thead th:nth-child(4){width:28%}.tool-lesson-comparison tbody th{color:#244b65;background:#f8fafc;font-weight:900}.tool-lesson-comparison tr:last-child th,.tool-lesson-comparison tr:last-child td{border-bottom:0}.tool-lesson-comparison th:last-child,.tool-lesson-comparison td:last-child{border-right:0}.tool-lesson-comparison tbody tr:hover{background:#f8fbfd}.tool-lesson-architecture{margin:30px 0}.tool-lesson-architecture .tool-architecture{margin:0;padding:20px}.tool-lesson-architecture .tool-architecture-heading p{display:none}.tool-lesson-architecture .tool-architecture-heading h2{font-size:22px}.tool-lesson-practice{background:#eef6fa;border:1px solid #cadce8;border-radius:9px;margin:30px 0;padding:20px}.tool-lesson-practice>span{color:#44728f;letter-spacing:.08em;font-size:10px;font-weight:900}.tool-lesson-practice h2{color:#224763;margin:7px 0 8px;font-size:20px}.tool-lesson-practice p{color:#537083;margin:0 0 14px;font-size:13px}.tool-lesson-practice a{color:#246184;font-size:13px;font-weight:900}.tool-lesson-sources{flex-wrap:wrap;gap:7px;margin:25px 0;display:flex}.tool-lesson-sources a{color:#3b6985;background:#fff;border:1px solid #d3dfe8;border-radius:999px;padding:6px 9px;font-size:11px;text-decoration:none}.tool-lesson-sources a:hover,.tool-lesson-sources a:focus-visible{background:#edf5f9;border-color:#6e9bb6;outline:none}.tool-lesson-pager{grid-template-columns:1fr 1fr;gap:12px;margin-top:36px;display:grid}.tool-lesson-pager a{color:#607587;background:#fff;border:1px solid #d3dfe8;border-radius:7px;gap:6px;padding:14px;text-decoration:none;display:grid}.tool-lesson-pager a:hover,.tool-lesson-pager a:focus-visible{border-color:#6c96ae;outline:none}.tool-lesson-pager a.is-next{text-align:right}.tool-lesson-pager span{font-size:10px;font-weight:800}.tool-lesson-pager strong{color:#254a64;font-size:13px}.tool-lesson-missing{width:min(700px,100% - 48px);margin:80px auto}@media (width<=800px){.tool-learning-grid{grid-template-columns:1fr}.tool-lesson-layout{grid-template-columns:1fr;gap:24px;width:min(760px,100% - 32px)}.investigation-flow-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.investigation-flow-callout{grid-template-columns:1fr;gap:4px}.tool-series-nav{padding-bottom:4px;display:flex;position:static;overflow-x:auto}.tool-series-nav-heading{border:0;flex:none;min-width:120px;margin:0;padding:7px 10px}.tool-series-nav a{white-space:nowrap;flex:none;align-items:center;gap:5px;display:flex}.tool-series-nav a span{text-overflow:ellipsis;max-width:150px;overflow:hidden}}@media (width<=560px){.tool-learning-paths{margin-top:34px}.tool-lesson-page{padding-top:28px}.investigation-flow{padding:18px 14px 14px}.investigation-flow-canvas{height:255px}.investigation-flow-controls,.tool-lesson-pager{grid-template-columns:1fr}.tool-lesson-pager a.is-next{text-align:left}.tool-lesson-overview,.tool-lesson-checklist,.tool-lesson-bibbidi,.tool-lesson-deep-dive{grid-template-columns:1fr}.tool-concept-visual{grid-template-columns:72px 1fr}.tool-concept-visual-mark{width:64px;height:64px}.tool-concept-visual-mark img{width:40px;height:40px}.tool-concept-flow{grid-column:1/-1;padding-top:4px;overflow-x:auto}}.layer-card{grid-template-columns:1fr 2fr;gap:35px;display:grid}.layer-side span{color:#0a8d7a;font-size:12px;font-weight:900}.layer-side h3{font:400 35px var(--font-display);margin:10px 0}.layer-detail{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.layer-detail b{color:#087e6b;font-size:13px}.layer-detail p{margin:5px 0 0;font-size:14px}.layer-detail .guide-docs{grid-column:1/-1}.layer-options{border-top:1px solid #e2ece6;grid-column:1/-1;margin-top:4px;padding-top:14px}.layer-options-toggle{color:#173f32;text-align:left;background:#f7fbf8;border:1px solid #d7e6dd;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;display:flex}.layer-options-toggle:hover,.layer-options-toggle:focus-visible,.layer-options-toggle[aria-expanded=true]{background:#effaf3;border-color:#5bb697}.layer-options-toggle span,.layer-options-toggle b,.layer-options-toggle small{display:block}.layer-options-toggle b{font-size:14px}.layer-options-toggle small{color:#68796f;margin-top:4px;font-size:12px}.layer-options-toggle>strong{color:#087e6b;font-size:22px;line-height:1}.layer-options-body{padding-top:12px}.layer-options-heading{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.layer-options-heading b{color:#173f32;font-size:15px}.layer-options-heading span{color:#68796f;font-size:12px}.layer-options-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.layer-option{background:#f8fbf9;border:1px solid #d7e6dd;border-radius:7px;min-width:0;padding:15px}.layer-option-title{justify-content:space-between;align-items:start;gap:7px;display:flex}.layer-option h4{margin:0;font-size:17px}.layer-option-title a{color:#0a826d;flex:none;font-size:11px;font-weight:800;text-decoration:none}.layer-option dl{margin:12px 0 0}.layer-option dl>div+div{margin-top:9px}.layer-option dt{color:#11826f;font-size:11px;font-weight:900}.layer-option dd{color:#53665a;margin:2px 0 0;font-size:12px;line-height:1.52}.guide-fields{grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0;display:grid}.guide-fields label{font-size:12px;font-weight:800}.guide-fields select{background:#fff;border:1px solid #cddfd4;border-radius:6px;width:100%;margin-top:7px;padding:11px;display:block}.guide-fields label small{color:#6f8075;margin-top:6px;font-size:11px;font-weight:500;line-height:1.4;display:block}.scenario-profile{grid-template-columns:1.4fr repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.scenario-profile>div{background:#f7fbf8;border:1px solid #d8e7de;padding:15px}.scenario-profile-lead{border-left:3px solid #0a9b82!important}.scenario-profile span,.scenario-profile b{color:#0a826d;font-size:11px;font-weight:900;display:block}.scenario-profile strong{color:#183d31;margin-top:7px;font-size:14px;line-height:1.5;display:block}.scenario-profile p{color:#566a5d;margin:6px 0 0;font-size:12px;line-height:1.5}.decision-result-head strong{margin-top:5px;font-size:22px;display:block}.decision-path{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.decision-path>div{background:#f2f8f4;padding:16px}.decision-path span{color:#0b8975;font-size:12px;font-weight:900;display:block}.decision-path strong{margin-top:5px;display:block}.decision-caveat,.guide-case-note{color:#66776c;font-size:13px}.comparison-table{border:1px solid #dce7df;overflow:auto}.comparison-table>div{border-bottom:1px solid #e1eae4;grid-template-columns:140px 150px 1fr 2fr;gap:15px;min-width:700px;padding:16px;font-size:13px;display:grid}.comparison-table>div:first-child{background:#e8f6ee}.comparison-table small{color:#67796d;margin-top:8px;display:block}.thanks-page .page-hero.compact{min-height:0;padding:70px 0 45px;display:block}.thanks-page .page-hero.compact h1{font-size:clamp(42px,5vw,64px)}.grafana-app{color:#d8d9da;background:#111217;min-height:100vh;font-family:Inter,Arial,sans-serif;display:flex}.grafana-app button,.grafana-app select{font-family:inherit}.grafana-rail{background:#1b1c22;border-right:1px solid #34353c;flex-direction:column;flex:none;align-items:center;gap:14px;width:56px;height:100vh;padding:13px 0;display:flex;position:sticky;top:0}.grafana-rail button,.grafana-rail a{color:#c7c8ca;background:0 0;border:0;border-radius:6px;place-items:center;width:40px;height:40px;font-size:24px;text-decoration:none;display:grid}.grafana-mark span{color:#ff9830}.grafana-rail .is-active,.grafana-rail button:hover{background:#3c3d45}.rail-exit{margin-top:auto}.grafana-workspace{flex:1;min-width:0}.grafana-topbar{background:#18191f;border-bottom:1px solid #34353c;justify-content:space-between;align-items:center;height:56px;padding:0 23px;display:flex}.grafana-brand{align-items:center;gap:13px;display:flex}.grafana-brand b{color:#ff9830;font-size:19px}.grafana-brand span{color:#abb0b5;font-size:11px}.grafana-topbar nav{gap:17px;display:flex}.grafana-topbar a{color:#c7cbd0;font-size:12px;text-decoration:none}.grafana-content{grid-template-columns:244px minmax(0,1fr);display:grid}.grafana-missions{background:#18191e;border-right:1px solid #34353c;min-height:calc(100vh - 56px);padding:25px 12px}.grafana-side-label,.grafana-kicker{color:#9fa7ae;letter-spacing:.09em;font-size:11px;font-weight:800}.grafana-missions h2{margin:11px 7px;font-size:17px}.grafana-missions p{color:#a9adb3;margin:0 7px 18px;font-size:12px}.grafana-progress{background:#383b42;border-radius:10px;height:5px;margin:0 7px;overflow:hidden}.grafana-progress span{background:#ff9f34;height:100%;display:block}.grafana-missions>small{color:#aeb3b9;margin:9px 7px 24px;display:block}.grafana-mission-list{gap:3px;display:grid}.grafana-mission-list button{color:#c5c8cd;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;width:100%;padding:12px;font-size:12px;display:flex}.grafana-mission-list button.is-active{color:#fff;background:#343941}.grafana-mission-list button span{color:#ff9c2e}.grafana-mission-list em{color:#75c87e;margin-left:auto}.grafana-main{min-width:0;padding:27px}.grafana-breadcrumb{color:#8e949b;font-size:12px}.grafana-heading{justify-content:space-between;align-items:end;gap:15px;margin:27px 0 8px;display:flex}.grafana-heading h1{margin:7px 0;font-size:31px}.grafana-time{gap:8px;display:flex}.grafana-time label,.grafana-time button{color:#d7d9dd;background:#24262b;border:1px solid #47494f;border-radius:5px;padding:9px;font-size:12px}.grafana-time select{color:#fff;background:0 0;border:0}.grafana-time option{background:#24262b}.grafana-instruction{margin:7px 0;font-size:17px}.grafana-disclaimer{color:#929aa1;font-size:12px}.grafana-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.grafana-kpis>div,.grafana-panel{background:#1b1d22;border:1px solid #3a3d44;border-radius:4px;padding:16px}.grafana-kpis span{color:#b7bdc3;font-size:12px;display:block}.grafana-kpis strong{margin:9px 0;font-size:27px;display:block}.grafana-kpis small{color:#9fa5ab;font-size:13px}.grafana-kpis i{font-size:11px;font-style:normal}.kpi-green{color:#73bf69}.kpi-orange{color:#ffae4f}.grafana-panel{margin-bottom:12px}.grafana-panel-head{justify-content:space-between;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.grafana-panel-head span{color:#a8b0b7;font-size:11px}.grafana-graph{width:100%;height:210px;display:block}.graph-grid path{stroke:#383b42;stroke-width:1px;fill:none}.grafana-legend{gap:15px;font-size:11px;display:flex}.grafana-legend i{vertical-align:middle;width:13px;height:3px;margin-right:5px;display:inline-block}.legend-orange{background:#f2a23a}.legend-green{background:#73bf69}.legend-red{background:#e24d42}.grafana-bottom-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grafana-options{gap:8px;display:grid}.grafana-options button{color:#d5d8dc;text-align:left;background:#25272d;border:1px solid #41444b;border-radius:4px;padding:11px;font-size:12px}.grafana-options button.is-selected{background:#39302a;border-color:#ff9f35}.grafana-options button span{color:#ff9f35;margin-right:11px;font-weight:800}.grafana-actions{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.grafana-actions button{color:#dce0e5;background:#32353c;border:1px solid #474b53;border-radius:4px;padding:8px 10px;font-size:11px}.grafana-hint,.grafana-feedback{color:#c3c9cb;background:#262a30;padding:10px;font-size:12px}.grafana-feedback.is-correct{border-left:3px solid #73bf69}.grafana-feedback.is-wrong{border-left:3px solid #e24d42}.grafana-signal-list{gap:6px;display:grid}.grafana-signal-list>div{background:#25272d;grid-template-columns:70px 65px 1fr;gap:7px;padding:9px;font-size:11px;display:grid}.signal-time{color:#9ba4ad}.signal-level{color:#80bee6}.signal-warn{color:#ffac51}.grafana-signal-list code{overflow-wrap:anywhere}.grafana-docs{flex-wrap:wrap;gap:6px;margin-top:16px;font-size:11px;display:flex}.grafana-docs span{color:#aab1b7}.grafana-docs a{color:#ffc475}.alert-content{align-items:center;gap:13px;display:flex}.alert-pill{color:#ffc9c9;background:#5e2323;border-radius:4px;padding:6px 9px;font-size:11px}.alert-content b{font-size:13px}.alert-content p{color:#9fa7ac;margin:5px 0;font-size:11px}.alert-ack{color:#ffad6b;margin-left:auto;font-size:12px}@media (width<=900px){.story-layout{grid-template-columns:1fr}.story-toc{display:none}.guide-fields{grid-template-columns:repeat(2,1fr)}.grafana-content{grid-template-columns:190px 1fr}.grafana-bottom-grid{grid-template-columns:1fr}.tool-architecture-tabs,.tool-architecture-components{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-architecture-model{display:block}.tool-architecture-model>div:first-child{width:auto;margin-bottom:12px}.layer-options-grid{grid-template-columns:1fr}.scenario-profile{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.reading-home,.article-shell,.guide-body{padding:0 20px}.read-grid,.related-stories>div,.guide-criteria,.layer-card,.decision-path{grid-template-columns:1fr}.read-card.is-featured{display:flex}.read-card-index{flex-basis:64px;padding-left:16px}.read-card-copy{padding:21px 20px 24px}.read-card.is-featured .read-card-index{flex-basis:72px;padding:22px 14px;font-size:68px}.read-card.is-featured .read-card-copy{padding:25px 20px 28px}.read-list-head{flex-direction:column;align-items:start}.story-body{font-size:16px}.story-body h2{font-size:31px}.architecture-compare>div{font-size:12px}.grafana-rail{display:none}.grafana-content{display:block}.grafana-missions{border-bottom:1px solid #34353c;min-height:0}.grafana-mission-list{display:flex;overflow:auto}.grafana-mission-list button{flex:none;width:auto}.grafana-main{padding:17px}.grafana-heading{flex-direction:column;align-items:start}.grafana-kpis{grid-template-columns:1fr 1fr}.grafana-topbar nav{gap:8px}.grafana-topbar a{font-size:10px}.video-grid{grid-template-columns:1fr 1fr}.tool-stack-visual{border-radius:0;margin-left:-20px;margin-right:-20px;padding:20px}.tool-stack-visual-head{flex-direction:column;align-items:start;gap:8px}.tool-stack-scene-shell{grid-template-columns:1fr}.tool-stack-scene{min-height:300px}.tool-stack-scene-legend{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grafana-dashboard-preview{border-radius:0;margin-left:-20px;margin-right:-20px}.grafana-dashboard-preview-bar,.grafana-dashboard-preview-head{flex-direction:column;align-items:start}.grafana-dashboard-preview-grid{grid-template-columns:1fr 1fr}.grafana-preview-chart{grid-column:1/-1}.grafana-preview-table{grid-area:auto/1/auto/-1}.grafana-reference-images{grid-template-columns:1fr}.grafana-reference-images img{object-fit:contain;height:auto;max-height:220px}.grafana-alerting-preview{border-radius:0;margin-left:-20px;margin-right:-20px}.grafana-alerting-preview-bar,.grafana-alerting-rule-head{flex-direction:column;align-items:start}.grafana-alerting-columns,.grafana-alerting-comparison{grid-template-columns:1fr}.grafana-alerting-comparison>i{justify-self:center;transform:rotate(90deg)}.tool-architecture{border-radius:0;margin-left:-20px;margin-right:-20px;padding:20px}.tool-architecture-heading,.tool-architecture-card-head{display:block}.tool-architecture-count{margin-top:14px;display:inline-block}.tool-architecture-card-head p{margin-top:12px}.tool-architecture-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-architecture-ops-heading{display:block}.tool-architecture-ops-heading p{margin-top:9px}.tool-architecture-components{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-architecture-checks ul{grid-template-columns:1fr}.layer-options-heading{display:block}.layer-options-heading span{margin-top:5px;display:block}.scenario-profile{grid-template-columns:1fr}}@media (width<=470px){.read-card h3{font-size:27px}.story-header h1{font-size:43px}.guide-fields,.grafana-kpis,.video-grid{grid-template-columns:1fr}.tool-stack-scene{min-height:270px}.tool-stack-scene-legend{grid-template-columns:1fr}.grafana-signal-list>div{grid-template-columns:55px 50px 1fr}.grafana-brand span{display:none}.tool-architecture-tabs,.tool-architecture-components{grid-template-columns:1fr}}.evolution-era{color:#fff;letter-spacing:.02em;background:#18352e;border-radius:30px;margin-bottom:6px;padding:3px 11px;font-size:12px;font-weight:800;display:inline-block}.evolution-next{color:#3d4f49;border-left:3px solid #f2b900;margin:14px 0 6px;padding-left:14px;font-weight:750}.evolution-close{color:#163a31;margin:30px 0 0;font-size:20px;font-weight:800}.story-bridge{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.story-bridge>div{background:#f6f8f7;border-radius:8px;padding:18px 22px}.story-bridge span{color:#6a7a74;font-size:12px;font-weight:900}.story-bridge>div:last-child span{color:#08796c}.story-bridge p{margin:6px 0 0;font-size:15px}.history-timeline{border-left:2px solid #bfe7d7;margin:26px 0 10px;padding:0;list-style:none}.history-timeline li{grid-template-columns:150px 1fr;gap:16px;padding:16px 0 16px 18px;display:grid;position:relative}.history-timeline li:before{content:"";background:#06b99a;border-radius:50%;width:12px;height:12px;position:absolute;top:24px;left:-7px}.history-era{color:#08796c;padding-top:4px;font-size:14px;font-weight:900}.history-timeline h3{margin:0 0 4px;font-size:20px}.history-timeline p{margin:4px 0;font-size:15px}.history-question{color:#163a31;font-weight:800}.history-timeline a{color:#087c6d;font-size:13px;font-weight:800}.story-pager{grid-template-columns:1fr 1fr;gap:16px;padding:10px 0 30px;display:grid}.story-pager a{color:#172d25;border:1px solid #dce6e2;border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;display:flex}.story-pager a:hover{border-color:#06b99a}.story-pager a.is-next{text-align:right}.story-pager span{color:#08796c;font-size:12px;font-weight:900}.story-pager strong{font-size:17px}@media (width<=720px){.story-bridge,.story-pager{grid-template-columns:1fr}.history-timeline li{grid-template-columns:1fr;gap:4px}}.essential-item h4{margin:18px 0 4px;font-size:18px}.essential-table{border:1px solid #dce8e1;border-radius:8px;margin:12px 0 8px;overflow:auto}.essential-table>div{border-bottom:1px solid #e5ede8;grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column;gap:12px;padding:10px 14px;font-size:14px;line-height:1.55;display:grid}.essential-table>div:last-child{border-bottom:0}.essential-table>div:first-child{background:#eaf5ef;font-weight:900}.practice-more{margin-top:26px}.source-manuscript{background:#fff;border:1px solid #dbe8e1;border-radius:12px;margin:12px 0;overflow:hidden}.source-manuscript summary{cursor:pointer;color:#176b5f;padding:15px 18px;font-weight:800}.source-manuscript[open] summary{background:#f2faf6;border-bottom:1px solid #dbe8e1}.source-manuscript-body{overflow-wrap:anywhere;padding:12px 22px 28px}.source-manuscript-body h1,.source-manuscript-body h2,.source-manuscript-body h3{font-family:var(--font-display);margin:30px 0 12px;line-height:1.35}.source-manuscript-body h1{font-size:32px}.source-manuscript-body h2{font-size:27px}.source-manuscript-body h3{font-size:22px}.source-manuscript-body pre{white-space:pre;color:#edf8ef;background:#14251f;border-radius:9px;padding:18px;font-size:13px;line-height:1.55;overflow-x:auto}.source-manuscript-body .source-mermaid{background:#fbfffd;border:1px solid #dbe8e1;border-radius:12px;margin:22px 0;padding:18px;overflow-x:auto}.source-manuscript-body .source-mermaid svg{width:max-content;min-width:100%;max-width:none;height:auto;display:block}.source-manuscript-body .source-mermaid-loading{color:#4f6d64;border:1px dashed #9ac8bb;border-radius:9px;margin:22px 0;padding:14px 16px}.source-manuscript-body .source-mermaid-fallback{border-left:3px solid #d99b32}.source-manuscript-body :not(pre)>code{background:#eef5f0;border-radius:4px;padding:2px 5px;font-size:.9em}.source-manuscript-body table{border-collapse:collapse;margin:22px 0;font-size:14px;display:block;overflow-x:auto}.source-manuscript-body th,.source-manuscript-body td{text-align:left;border:1px solid #dbe8e1;min-width:90px;padding:9px 11px}.source-manuscript-body blockquote{background:#f2faf6;border-left:4px solid #0a9d86;margin:18px 0;padding:3px 18px}.source-manuscript-body img{max-width:100%}:where(.reading-home,.reading-article,.tool-guide,.tool-lesson-page,.source-manuscript-body) :where(p,li,dd,blockquote,td,th){font-family:var(--font-reading)}.guide-jump-nav{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.guide-jump-nav a{color:#17634f;background:#f4fbf8;border:1px solid #b8d7d0;border-radius:8px;align-items:center;min-height:40px;padding:8px 13px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.guide-jump-nav a:hover,.guide-jump-nav a:focus-visible{outline-offset:2px;background:#def3e9;outline:2px solid #238a72}.tool-learning-grid{align-items:start}.tool-learning-card{padding:20px}.tool-learning-card-copy>span{font-size:12px}.tool-learning-card h3{font-size:21px}.tool-learning-card p{font-size:14px;line-height:1.6}.tool-learning-card-meta span{font-size:12px}.tool-learning-toggle{color:#17634f;cursor:pointer;width:100%;min-height:44px;font:inherit;text-align:left;background:#eef8f3;border:1px solid #bedacf;border-radius:7px;justify-content:space-between;align-items:center;margin-top:16px;padding:9px 12px;font-size:14px;font-weight:800;display:flex}.tool-learning-toggle:hover,.tool-learning-toggle:focus-visible{outline-offset:2px;border-color:#2b9878;outline:2px solid #2b9878}.tool-learning-toggle span{font-size:20px;line-height:1}.tool-learning-card li a{padding:10px 8px;font-size:14px;line-height:1.5}.tool-learning-card li b{font-size:12px}.tool-learning-card li small{font-size:12px;line-height:1.5}.tool-lesson-layout{grid-template-columns:220px minmax(0,780px);gap:36px;width:min(1100px,100% - 48px)}.tool-lesson-header{padding-bottom:22px}.tool-lesson-header h1{line-height:1.22}.tool-lesson-reading-guide{background:#f3faf6;border:1px solid #c9dfd5;border-radius:12px;grid-template-columns:minmax(0,1.15fr) minmax(210px,.85fr);gap:22px;margin:24px 0 8px;padding:22px;display:grid}.tool-lesson-answer>span,.tool-lesson-reading-guide nav>strong{color:#176d55;font-size:13px;font-weight:900}.tool-lesson-answer p{color:#203d37;margin:9px 0 0;font-size:17px;font-weight:650;line-height:1.7}.tool-lesson-reading-guide nav{border-left:1px solid #c9dfd5;padding-left:22px}.tool-lesson-reading-guide ol{gap:7px;margin:10px 0 0;padding-left:19px;display:grid}.tool-lesson-reading-guide li{color:#759183;font-size:13px;line-height:1.45}.tool-lesson-reading-guide a{color:#275c4e;text-underline-offset:3px;text-decoration-thickness:1px}.tool-lesson-reading-guide a:hover,.tool-lesson-reading-guide a:focus-visible{color:#0e7756;outline-offset:3px}.tool-lesson-block{padding:28px 0 30px;scroll-margin-top:24px}.tool-lesson-block h2{font-size:23px;line-height:1.35}.tool-lesson-block p{color:#354c5c;font-size:16px;line-height:1.78}.tool-lesson-block ul{color:#365467;gap:10px;margin-top:18px;font-size:15px;line-height:1.65}.tool-lesson-code{color:#24475b;tab-size:2;background:#f5faf8;border:1px solid #d8e5e1;border-radius:10px;margin:20px 0 0;padding:20px;font-size:13px;line-height:1.65;overflow-x:auto}.tool-lesson-code code{white-space:pre;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.guide-beginner-note{max-width:720px}.guide-glossary{background:#f7fafc;border:1px solid #d5e3eb;border-radius:12px;margin:0 0 36px;padding:28px}.guide-glossary h2{color:#21475f;margin:8px 0 10px;font-size:25px}.guide-glossary>p{color:#405b6c;max-width:760px;margin:0 0 20px;line-height:1.7}.guide-glossary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.guide-glossary dl>div{background:#fff;border:1px solid #e1eaf0;border-radius:8px;padding:14px 16px}.guide-glossary dt{color:#235c7d;margin-bottom:5px;font-weight:800}.guide-glossary dd{color:#476174;margin:0;line-height:1.6}@media (width<=700px){.guide-glossary{padding:20px}.guide-glossary dl{grid-template-columns:1fr}}.tool-lesson-bibbidi{scroll-margin-top:24px}.tool-lesson-bibbidi p{font-size:15px;line-height:1.7}.tool-lesson-bibbidi ul{font-size:14px;line-height:1.6}.tool-lesson-deep-dive{scroll-margin-top:24px}.tool-lesson-deep-dive p{font-size:15px}.tool-lesson-deep-dive ul{font-size:14px}.tool-lesson-comparison,.tool-lesson-practice{scroll-margin-top:24px}.source-image{background:#fff;border:1px solid #d3e0da;border-radius:12px;margin:25px 0 30px;scroll-margin-top:24px;overflow:hidden}.source-image-heading{padding:20px 22px 14px}.source-image-heading span{color:#28826b;font-size:12px;font-weight:900}.source-image-heading h2{color:#203b4b;margin:5px 0 0;font-size:21px}.source-image>a{padding:0 18px;display:block}.source-image img{object-fit:contain;background:#f7faf8;width:100%;max-height:590px;display:block}.tool-concept-diagram{background:#f4f9f7;border:1px solid #d8e7e1;border-radius:10px;min-width:0;margin:0 18px;padding:22px}.tool-concept-diagram ol{margin:0;padding:0;list-style:none}.tool-concept-diagram li,.tool-diagram-origin{background:#fff;border:1px solid #a9d5c4;border-radius:9px;align-content:center;gap:8px;min-height:104px;padding:16px;display:grid;box-shadow:0 4px 12px #1c64430d}.tool-concept-diagram b{color:#1c5c53;font-size:16px}.tool-concept-diagram small{color:#526d69;font-size:13px;line-height:1.5}.tool-concept-diagram em{color:#28826b;font-size:12px;font-style:normal;font-weight:900}.tool-diagram-flow,.tool-diagram-lane ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tool-diagram-flow li,.tool-diagram-lane li{min-width:0}.tool-diagram-origin{text-align:center;background:#e7f5ed;width:min(280px,100%);margin:0 auto 22px}.tool-diagram-branches{padding-top:20px;position:relative}.tool-diagram-branches:before{content:"↓";color:#289477;font-size:25px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tool-diagram-branches ol{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tool-concept-diagram.is-two-lanes{gap:20px;display:grid}.tool-diagram-lane{gap:10px;display:grid}.tool-diagram-lane>strong{color:#1c5c53}.tool-trace-timeline{color:#29495d;gap:14px;min-width:0;display:grid}.tool-trace-summary{border-bottom:1px solid #d8e7e1;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.tool-trace-summary code{color:#286d7c;margin-left:5px}.tool-trace-summary strong{color:#1c5c53}.tool-trace-context{color:#496675;background:#eef7f3;border-left:3px solid #3b9d86;border-radius:4px;margin:0;padding:11px 13px;font-size:12px;line-height:1.65}.tool-trace-context b{color:#1c5c53;margin-right:5px}.tool-trace-axis,.tool-trace-row{grid-template-columns:minmax(220px,1.05fr) minmax(180px,1.5fr) 60px;align-items:center;gap:12px;display:grid}.tool-trace-axis{color:#657c89;font-size:11px}.tool-trace-axis>div{border-bottom:1px solid #b9cbc9;justify-content:space-between;display:flex}.tool-trace-axis i{font-style:normal;position:relative}.tool-trace-row{background:#fff;border-radius:7px;min-height:62px;padding:9px 10px}.tool-trace-row.is-slow{background:#fff8ed}.tool-trace-label{min-width:0;padding-left:calc(var(--span-level) * 16px);gap:4px;display:grid}.tool-trace-label b{overflow-wrap:anywhere;color:#274c62;font-size:13px}.tool-trace-label small{color:#637b87;font-size:11px;line-height:1.4}.tool-trace-label code{overflow-wrap:anywhere;color:#71838d;width:fit-content;max-width:100%;font-size:10px}.tool-trace-track{background:repeating-linear-gradient(90deg,#0000 0 calc(33.33% - 1px),#d9e4e1 calc(33.33% - 1px) 33.33%);border-left:1px solid #a6bab9;border-right:1px solid #a6bab9;height:20px;position:relative}.tool-trace-bar{top:3px;bottom:3px;left:var(--span-start);width:var(--span-duration);background:#3b9d86;border-radius:4px;min-width:3px;position:absolute}.is-slow .tool-trace-bar{background:#e19a37}.tool-trace-duration{color:#405d6e;text-align:right;white-space:nowrap;font-size:12px}.tool-trace-takeaway{color:#8a5b15;margin:2px 0 0;font-size:13px;font-weight:800}.tool-diagram-panel+.tool-diagram-panel{border-top:1px solid #d8e7e1;padding-top:20px}.tool-diagram-panel h3{color:#28556c;margin:0 0 12px;font-size:14px}.source-image-fallback{color:#4d665b;background:#f3f7f5;margin:0 18px;padding:28px 18px;font-size:14px}.source-image figcaption{color:#4a6060;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:14px 22px 18px;font-size:13px;line-height:1.6;display:flex}.source-image figcaption span{flex:300px}.source-image figcaption a{color:#176d55;white-space:nowrap;font-weight:800}@media (width<=800px){.tool-lesson-layout{grid-template-columns:minmax(0,1fr);gap:24px;width:min(780px,100% - 32px)}.tool-series-nav{min-width:0}.tool-diagram-flow,.tool-diagram-lane ol{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-trace-axis{grid-template-columns:1fr}.tool-trace-axis>span{display:none}.tool-trace-row{grid-template-columns:minmax(0,1fr) 58px}.tool-trace-label{grid-column:1/-1}.tool-trace-track{grid-column:1}.tool-trace-duration{grid-column:2}}@media (width<=600px){.tool-concept-diagram{margin:0 10px;padding:14px}.tool-diagram-branches ol,.tool-diagram-flow,.tool-diagram-lane ol{grid-template-columns:1fr}.guide-jump-nav a{flex:100%}.tool-lesson-reading-guide{grid-template-columns:1fr;gap:18px;padding:18px}.tool-lesson-reading-guide nav{border-top:1px solid #c9dfd5;border-left:0;padding:17px 0 0}.tool-lesson-answer p{font-size:16px}.tool-lesson-block h2{font-size:21px}.tool-lesson-block p{font-size:16px}.source-image-heading{padding:17px 16px 12px}.source-image>a{padding:0 10px}.source-image figcaption{padding:12px 16px 16px}}.grafana-host{color:#d8d9da;background:#111217;min-height:100vh;font:14px/1.5 Inter,Arial,sans-serif}.grafana-host *{box-sizing:border-box}.gp-topbar{background:#181b1f;border-bottom:1px solid #30343a;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.gp-brand{color:#f5f5f5;align-items:center;gap:10px;display:flex}.gp-brand svg{color:#ff9830}.gp-brand strong{font-size:16px}.gp-brand span{color:#899099;border-left:1px solid #444;padding-left:10px;font-size:12px}.gp-back{color:#c6d5ed;align-items:center;gap:7px;text-decoration:none;display:flex}.gp-layout{grid-template-columns:246px minmax(0,1fr);min-height:calc(100vh - 56px);display:grid}.gp-sidebar{background:#181b1f;border-right:1px solid #30343a;flex-direction:column;gap:5px;padding:22px 12px;display:flex}.gp-side-title{color:#8e939b;letter-spacing:.08em;margin:12px 12px 5px;font-size:11px;font-weight:700}.gp-side-heading{color:#e4e7eb;align-items:center;gap:9px;padding:8px 12px;font-weight:650;display:flex}.gp-side-button{text-align:left;width:100%;min-height:36px;white-space:normal!important;justify-content:flex-start!important}.gp-sidebar-note{color:#8e939b;margin:20px 12px;font-size:11px;line-height:1.55}.gp-content{width:100%;min-width:0;max-width:1380px;margin:0 auto;padding:28px 32px 70px}.gp-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.gp-heading h1{color:#f4f5f5;margin:13px 0 6px;font-size:29px;font-weight:550;line-height:1.25}.gp-heading p{color:#b9bdc5;margin:0 0 20px}.gp-breadcrumb{color:#8ba4d0;font-size:12px}.gp-stats{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.gp-stats span{color:#bfc6cf;background:#1f2329;border:1px solid #343940;border-radius:3px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:inline-flex}.gp-panel{background:#181b1f;border:1px solid #30343a;border-radius:3px;min-width:0;margin-top:18px;padding:16px}.gp-panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.gp-panel-heading h2{color:#f5f5f5;margin:0;font:500 17px/1.3 Inter,Arial,sans-serif}.gp-query-tools{color:#b9bdc5;align-items:center;gap:10px;margin-bottom:13px;display:flex}.gp-source-select{width:240px}.gp-language{color:#9ca5b0;font-size:12px}.gp-query label{color:#c8cbd1;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.gp-query textarea{min-height:76px;font:13px/1.5 Consolas,monospace}.gp-query-actions{justify-content:flex-end;gap:8px;margin:12px 0;display:flex}.gp-query-help,.gp-result-note{color:#9ca3ae;margin:11px 0 0;font-size:12px}.gp-empty{color:#929aa4;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.gp-empty p{margin:0}.gp-results{overflow:hidden}.gp-chart{background:#20242a;border:1px solid #343940;margin:5px 0 16px;padding:10px 16px;overflow:hidden}.gp-chart span{color:#9aa2ae;font-size:11px}.gp-trace-picker{border-top:1px solid #343940;margin-top:16px;padding-top:16px}.gp-trace-picker>div:first-child{max-width:360px}.gp-spans{gap:7px;margin-top:14px;display:grid}.gp-spans>div{background:#22272e;justify-content:space-between;height:33px;padding:6px 10px;display:flex;position:relative;overflow:hidden}.gp-spans span,.gp-spans strong{z-index:1;font-size:12px;position:relative}.gp-spans i{opacity:.8;background:#2d5482;position:absolute;top:0;bottom:0;left:0}.gp-mission>p{margin:0 0 13px}.gp-choices{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.gp-footer-actions{color:#aeb5be;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;display:flex}.gp-footer-actions button{align-items:center;gap:6px;display:flex}@media (width<=1000px){.gp-layout{grid-template-columns:1fr}.gp-sidebar{display:none}.gp-content{padding:22px 18px 50px}}@media (width<=600px){.gp-topbar{padding:0 14px}.gp-brand span{display:none}.gp-content{padding:18px 12px 42px}.gp-heading h1{font-size:24px}.gp-query-tools{flex-wrap:wrap}.gp-source-select{width:100%}.gp-choices{flex-direction:column}.gp-choices button{justify-content:flex-start}}.gp-source-select [role=listbox],.gp-trace-picker [role=listbox]{color:#f1f4f8;background:#252931;border:1px solid #59616d;box-shadow:0 8px 24px #0008}.gp-source-select [role=option],.gp-trace-picker [role=option]{background:#252931;color:#f1f4f8!important;opacity:1!important}.gp-source-select [role=option]:hover,.gp-source-select [role=option][aria-selected=true],.gp-trace-picker [role=option]:hover,.gp-trace-picker [role=option][aria-selected=true]{background:#36547d;color:#fff!important}.gp-dashboard{gap:14px;margin-top:18px;display:grid}.gp-dashboard-intro{justify-content:space-between;align-items:start;gap:16px;display:flex}.gp-dashboard-intro h2{color:#f5f5f5;margin:0 0 4px;font-size:18px;font-weight:550}.gp-dashboard-intro p{color:#adb6c2;margin:0}.gp-dashboard-grid,.gp-dashboard-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.gp-dashboard-cell,.gp-dashboard-tables>div{min-width:0}.gp-dashboard-panel{min-width:0;height:100%;padding:16px;overflow:hidden}.gp-dashboard-panel-head,.gp-dashboard-panel-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.gp-dashboard-panel-head strong{color:#e9ebee;font-size:14px;font-weight:550}.gp-dashboard-value{color:#f4f5f6;margin:12px 0;font-size:29px;font-weight:550;line-height:1.2}.gp-dashboard-panel-foot{color:#a5aeb9;margin-top:12px;font-size:11px}.gp-dashboard-tables .gp-dashboard-panel{overflow:auto}.gp-dashboard-tables .gp-dashboard-panel-head{margin-bottom:14px}@media (width<=850px){.gp-dashboard-grid,.gp-dashboard-tables{grid-template-columns:1fr}}.gp-dashboard{margin-top:16px;display:block}.gp-dashboard-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.gp-dashboard-toolbar>div:first-child{flex-direction:column;display:flex}.gp-dashboard-toolbar strong{color:#f5f5f5;font-size:17px;font-weight:550}.gp-dashboard-toolbar span{color:#9da6b2;font-size:11px}.gp-dashboard-filters{align-items:center;gap:9px;display:flex}.gp-dashboard-filters label{color:#bec4cd;align-items:center;gap:8px;display:flex}.gp-dashboard-filters label>div{width:160px}.gp-dashboard-filters>div:nth-child(2){width:180px}.gp-dashboard-row{margin-top:16px}.gp-dashboard-row h3{color:#dfe2e7;border-bottom:1px solid #343940;margin:0 0 10px;padding-bottom:7px;font-size:15px;font-weight:550}.gp-dashboard-grid{grid-template-columns:repeat(24,minmax(0,1fr));grid-auto-rows:24px;gap:8px;display:grid}.gp-dashboard-panel{min-height:0;padding:0;overflow:hidden}.gp-dashboard-panel>div{height:100%}.gp-dashboard-panel [data-testid="data-testid Panel header"]{min-width:0}.gp-dashboard-panel table{font-size:12px}.gp-dashboard-no-data{color:#89929c;padding:14px}.gp-dashboard-panel .scrollbar-view{overflow:auto}@media (width<=900px){.gp-dashboard-toolbar{flex-direction:column;align-items:stretch}.gp-dashboard-grid{flex-wrap:wrap;display:flex}.gp-dashboard-panel{flex:260px;min-height:150px}.gp-dashboard-panel:has(table){flex-basis:100%;min-height:260px}}@media (width<=600px){.gp-dashboard-filters{flex-wrap:wrap}.gp-dashboard-filters label>div,.gp-dashboard-filters>div:nth-child(2){width:145px}}.gp-query-tools .gp-context-select{width:150px}.gp-query-tools .gp-range-select{width:170px}.gp-dashboard-filters label>div,.gp-dashboard-filters>div{min-width:0}.gp-mission-guidance{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-2px 0 16px;display:grid}.gp-mission-guidance>div{background:#20242a;border:1px solid #343940;border-radius:3px;padding:10px 12px}.gp-mission-guidance p{color:#c1c7cf;margin:7px 0 0;font-size:12px;line-height:1.5}@media (width<=650px){.gp-mission-guidance{grid-template-columns:1fr}}.gp-severity-critical{color:#ff7383!important}.gp-severity-warning{color:#ffb357!important}.gp-mission-callout{border-left:4px solid;border-radius:3px;align-items:flex-start;gap:12px;max-width:760px;margin:12px 0 6px;padding:12px 14px;display:flex}.gp-mission-callout svg{flex:none;margin-top:2px}.gp-mission-callout>div{gap:3px;display:grid}.gp-mission-callout strong{color:#f7f8fa;font-size:14px;font-weight:650}.gp-mission-callout span{color:#d2d7df;font-size:12px}.gp-mission-callout-critical{background:linear-gradient(90deg,#4a2029,#281d22);border-color:#f2495c}.gp-mission-callout-critical svg{color:#ff7383}.gp-mission-callout-warning{background:linear-gradient(90deg,#49321d,#29221d);border-color:#ff9830}.gp-mission-callout-warning svg{color:#ffb357}