@font-face{font-family:Medloft;src:local('Arial');font-display:swap}
:root{--paper:#f8f8f4;--white:#fff;--ink:#20231f;--muted:#62685e;--line:#dddfd6;--purple:#65548d;--lavender:#ece8f4;--green:#dce8bc;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Medloft,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}a:hover{color:var(--purple)}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:fixed;left:16px;top:-100px;z-index:9;background:var(--ink);color:white;padding:10px 20px}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:28px;letter-spacing:-1.2px;font-weight:750;display:inline-flex;align-items:center;gap:11px}.brand-icon{height:32px;width:32px;background:var(--purple);color:white;display:grid;place-items:center;font-size:24px;border-radius:8px;font-weight:700;letter-spacing:-3px;padding-right:3px}.nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav a{padding:9px 0}.nav a[aria-current=page]{box-shadow:0 2px var(--purple);color:var(--purple)}.nav .rss{font-family:var(--mono);font-size:12px;border:1px solid var(--line);padding:5px 11px;border-radius:4px}.eyebrow{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--purple);border-radius:50%}.hero{padding:61px 0 48px;display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end}.hero h1{font-size:clamp(42px,4.9vw,68px);line-height:1.07;font-weight:550;letter-spacing:-3.2px;margin:23px 0 0}.hero h1 span{color:var(--purple)}.hero-aside{padding-bottom:5px}.hero-aside p{color:var(--muted);font-size:17px;max-width:365px;margin:0 0 22px}.text-link{font-size:14px;display:inline-flex;gap:13px;align-items:center;font-weight:600}.text-link span{font-size:21px}.topic-strip{display:flex;flex-wrap:wrap;gap:11px;border-top:1px solid var(--line);padding:19px 0 34px}.topic-pill{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:30px;padding:7px 15px;font-size:12px;background:transparent;color:var(--ink)}.topic-pill span{font-family:var(--mono);color:var(--muted);font-size:10px}.topic-pill:hover,.topic-pill[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.topic-pill:hover span,.topic-pill[aria-pressed=true] span{color:var(--green)}.featured-layout{display:grid;grid-template-columns:2.18fr 1fr;gap:26px;margin-bottom:60px}.featured{background:var(--lavender);padding:32px;display:grid;grid-template-columns:1.25fr 1fr;gap:28px;border-radius:7px;min-height:345px}.featured h2{font-size:30px;font-weight:550;letter-spacing:-1px;line-height:1.18;margin:25px 0 13px}.featured p{color:#5b5664;font-size:14px;line-height:1.65;margin:0 0 24px}.featured .eyebrow{font-size:10px;letter-spacing:1.1px}.meta{color:var(--muted);font-size:11px;display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-family:var(--mono)}.meta .dot{font-size:9px;color:#9b9e96}.diagram{align-self:center;max-width:100%;width:260px;height:auto;display:block}.start-panel{border:1px solid var(--line);border-radius:7px;padding:27px 26px;display:flex;flex-direction:column}.start-panel h2{font-size:22px;letter-spacing:-.6px;font-weight:550;margin:10px 0 17px}.start-item{border-top:1px solid var(--line);padding:16px 0;display:flex;gap:14px;align-items:start;font-size:14px;line-height:1.45}.start-item:last-of-type{padding-bottom:0}.start-item .number{font-family:var(--mono);font-size:11px;color:var(--purple);padding-top:2px}.start-item small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:25px}.section-heading h2{font-size:28px;line-height:1.2;font-weight:550;letter-spacing:-.8px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px}.article-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:25px}.card-art{height:150px;position:relative;overflow:hidden;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid #00000005}.card-art svg{height:120px;width:240px;max-width:85%;color:inherit}.art-data{background:#e8ecdF;color:#566b49}.art-web{background:#e9e6f0;color:#78648f}.art-delivery{background:#ece9df;color:#8b7750}.art-observability{background:#e2eae9;color:#4e7574}.art-label{position:absolute;bottom:12px;left:14px;font:9px var(--mono);letter-spacing:1px;opacity:.65}.tag{font-family:var(--mono);font-size:10px;color:var(--purple);letter-spacing:.5px}.article-card h3{font-size:21px;line-height:1.3;font-weight:550;letter-spacing:-.4px;margin:9px 0 10px}.article-card p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 20px}.article-card .meta{margin-top:auto;font-size:10px}.knowledge-banner{margin:65px 0 60px;padding:35px 39px;background:var(--green);border-radius:6px;display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:35px}.knowledge-banner h2{font-size:29px;font-weight:550;letter-spacing:-.8px;line-height:1.2;margin:10px 0 0}.knowledge-banner p{font-size:14px;color:#48513c;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:12px 20px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:4px;font-size:13px;white-space:nowrap}.button:hover{background:var(--purple);border-color:var(--purple);color:white}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{border-color:var(--purple);color:var(--purple)}.site-footer{border-top:1px solid var(--line);margin-top:65px}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:50px;padding:38px 0}.footer-top .brand{font-size:23px}.footer-top .brand-icon{height:27px;width:27px;font-size:21px}.footer-description{font-size:12px;color:var(--muted);max-width:290px;margin-top:15px}.footer-links strong{font-size:11px;font-family:var(--mono);font-weight:400;color:var(--muted);display:block;margin-bottom:12px}.footer-links a{font-size:12px;display:block;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0 24px;color:var(--muted);font:10px var(--mono)}.page-heading{padding:48px 0 35px;max-width:800px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:30px}.breadcrumbs span{margin:0 10px;color:#95998d}.page-heading h1{font-size:clamp(37px,4.2vw,55px);line-height:1.12;font-weight:550;letter-spacing:-1.9px;margin:20px 0 18px}.page-heading .intro{color:var(--muted);font-size:18px;max-width:720px}.search-form{position:relative;margin:0 0 18px;max-width:650px}.search-icon{position:absolute;left:18px;top:15px;color:var(--muted);width:20px;height:20px;pointer-events:none}.search-form input{width:100%;padding:14px 105px 14px 49px;background:white;border:1px solid #cfd2c7;border-radius:5px;font-size:15px;color:var(--ink)}.search-form button{position:absolute;right:8px;top:8px;padding:7px 13px;font-size:12px;border:0;border-radius:3px;background:var(--ink);color:white}.search-controls .topic-strip{border:0;padding:0 0 15px}.search-status{font-size:12px;color:var(--muted);margin:0 0 28px;min-height:20px}.empty-state{padding:35px;border:1px dashed var(--line);border-radius:6px;margin-bottom:30px}.empty-state h2{font-size:22px}.article-header{max-width:880px;padding-bottom:36px}.article-header h1{font-size:clamp(36px,4.3vw,56px);max-width:850px}.article-header .meta{margin-top:24px;row-gap:12px}.article-header .intro{max-width:780px;line-height:1.7}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,1fr);gap:65px;align-items:start}.prose{font-size:16px;line-height:1.85;min-width:0}.prose section{scroll-margin-top:30px}.prose h2{font-size:27px;font-weight:550;letter-spacing:-.6px;line-height:1.25;margin:42px 0 20px}.prose section:first-child h2{margin-top:0}.prose p{margin:0 0 20px}.prose a{color:var(--purple);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose ul,.prose ol{padding-left:23px;margin:17px 0 25px}.prose li{margin:8px 0}.prose code{font-family:var(--mono);font-size:.82em;background:#edeee7;padding:3px 5px;border-radius:3px;overflow-wrap:anywhere}.prose pre{position:relative;background:#252923;color:#e5eadf;border-radius:5px;padding:48px 23px 22px;margin:23px 0;overflow-x:auto;line-height:1.85}.prose pre code{background:none;padding:0;border-radius:0;overflow-wrap:normal;font-size:12px}.copy-button{position:absolute;right:12px;top:11px;background:#ffffff12;color:#dce4d3;border:1px solid #ffffff20;border-radius:3px;font-size:10px;padding:4px 8px}.copy-button:hover{background:#ffffff25}.callout{border-left:3px solid var(--purple);background:var(--lavender);padding:20px 24px;margin:28px 0}.callout strong{font-size:13px;color:var(--purple)}.callout p{font-size:14px;line-height:1.8;margin:7px 0 0}.table-scroll{overflow-x:auto;margin-bottom:25px}table{border-collapse:collapse;font-size:13px;width:100%}td,th{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}th{background:#eeeFE8;font-size:11px}td:first-child{min-width:190px}.toc{position:sticky;top:30px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.toc strong{font-family:var(--mono);font-size:10px;letter-spacing:1px;font-weight:400;color:var(--muted)}.toc ol{padding-left:17px;margin:17px 0 25px}.toc li{margin:12px 0;line-height:1.6;padding-left:3px}.toc .toc-bottom{padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sources{border-top:1px solid var(--line);margin-top:37px;padding-top:20px}.sources h2{font-size:22px;margin-top:0}.sources ul{font-size:13px}.article-end{margin:35px 0 50px;font-size:12px;display:flex;flex-wrap:wrap;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:22px}.reading-progress{height:3px;position:fixed;top:0;left:0;background:var(--purple);width:0;z-index:10}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.topic-block{border:1px solid var(--line);border-radius:6px;padding:28px}.topic-block h2{font-weight:550;margin:12px 0;font-size:28px;letter-spacing:-.6px}.topic-block p{font-size:14px;color:var(--muted)}.topic-block ul{padding-left:18px;font-size:14px}.topic-block li{margin:14px 0}.topic-block .text-link{margin-top:15px}.guide-intro{max-width:730px;margin-bottom:25px;font-size:14px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:1fr;gap:28px;max-width:900px}.checklist{background:white;border:1px solid var(--line);border-radius:6px;padding:30px;scroll-margin-top:30px}.checklist-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.checklist h2{font-size:27px;font-weight:550;margin:12px 0;letter-spacing:-.7px}.checklist p{font-size:13px;color:var(--muted);max-width:650px}.checklist-count{font-family:var(--mono);font-size:11px;background:var(--lavender);color:var(--purple);padding:5px 10px;border-radius:3px;white-space:nowrap;margin-top:10px}.check-items{margin:20px 0}.check-item{display:flex;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #eeefe9;font-size:14px;cursor:pointer}.check-item input{margin-top:5px;width:17px;height:17px;accent-color:var(--purple);flex-shrink:0}.check-item:has(input:checked) span{text-decoration:line-through;color:var(--muted)}.guide-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:23px}.reset-checklist{background:transparent;border:0;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.about-layout{display:grid;grid-template-columns:minmax(0,730px) 1fr;gap:70px}.about-aside{border:1px solid var(--line);padding:25px;height:max-content;border-radius:6px}.about-aside h2{font-size:20px;font-weight:550;margin:0 0 15px}.about-aside p{font-size:13px;color:var(--muted)}.error-page{padding:70px 0 20px;max-width:680px}.error-number{font-family:var(--mono);font-size:105px;line-height:1;color:var(--purple);letter-spacing:-8px}.error-page h1{font-size:39px;font-weight:550;letter-spacing:-1px}.error-page p{color:var(--muted);margin-bottom:28px}.no-script{font-size:12px;padding:12px;background:var(--lavender)}
@media(min-width:1450px){.hero{padding-top:70px}.hero h1{font-size:74px}.featured{min-height:365px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero{gap:35px}.hero h1{font-size:55px}.featured-layout{grid-template-columns:1.9fr 1fr;gap:20px}.featured{grid-template-columns:1fr;padding:26px}.featured .diagram{display:none}.featured h2{max-width:370px}.knowledge-banner{grid-template-columns:1fr 1fr}.knowledge-banner .button{grid-column:2;width:max-content}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 210px}.cards{gap:25px 20px}.article-card h3{font-size:19px}.about-layout{gap:35px}}
@media(max-width:760px){.header-inner{min-height:80px;gap:18px}.brand{font-size:25px}.nav{gap:18px;font-size:12px}.nav .rss{display:none}.hero{grid-template-columns:1fr;gap:25px;padding:38px 0 30px}.hero h1{font-size:58px;letter-spacing:-2.6px}.hero-aside p{max-width:540px;font-size:15px;margin-bottom:13px}.topic-strip{padding-top:17px;gap:8px}.topic-pill{font-size:11px;padding:6px 12px}.featured-layout{grid-template-columns:1fr;margin-bottom:40px}.featured{grid-template-columns:1.1fr .9fr;min-height:305px}.featured .diagram{display:block}.featured h2{font-size:27px}.start-panel{padding:22px}.start-panel h2{margin-bottom:14px}.start-item{padding:12px 0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.knowledge-banner{margin:45px 0;padding:27px;gap:20px}.knowledge-banner h2{font-size:25px}.knowledge-banner p{font-size:13px}.footer-top{grid-template-columns:1.5fr 1fr;gap:25px}.footer-top .footer-links:last-child{display:none}.page-heading{padding-top:33px}.page-heading h1{font-size:42px}.article-layout{grid-template-columns:1fr;gap:0}.toc{display:none}.article-header h1{font-size:43px}.prose{font-size:16px}.topic-list{gap:18px}.topic-block{padding:22px}.about-layout{grid-template-columns:1fr}.about-aside{max-width:500px}.section-heading h2{font-size:25px}.section-heading .text-link{font-size:12px}.checklist{padding:23px}}
@media(max-width:480px){.container{width:calc(100% - 36px)}.header-inner{flex-direction:column;align-items:start;padding:18px 0 12px;gap:14px}.brand{font-size:25px}.nav{width:100%;justify-content:space-between;gap:12px}.nav a{padding:4px 0}.hero h1{font-size:46px;letter-spacing:-2px}.hero{padding-top:29px}.hero .eyebrow{font-size:9px}.hero-aside p{font-size:14px}.featured{padding:24px;grid-template-columns:1fr}.featured .diagram{display:none}.featured h2{font-size:31px}.featured p{font-size:14px}.cards{grid-template-columns:1fr;gap:28px}.card-art{height:150px}.article-card h3{font-size:23px}.article-card p{font-size:14px}.article-card .meta{font-size:11px}.knowledge-banner{grid-template-columns:1fr;padding:25px;gap:16px}.knowledge-banner .button{grid-column:auto}.knowledge-banner h2{font-size:29px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-description{font-size:11px}.footer-bottom{font-size:9px;gap:15px;align-items:start}.footer-bottom span:last-child{text-align:right}.section-heading{gap:12px;align-items:start}.section-heading h2{font-size:25px}.section-heading .text-link{font-size:11px;white-space:nowrap}.page-heading h1{font-size:37px}.page-heading .intro{font-size:16px}.article-header h1{font-size:38px;letter-spacing:-1.2px}.article-header .meta{font-size:10px}.prose h2{font-size:25px}.prose pre{margin-left:-5px;margin-right:-5px;padding-left:16px;padding-right:16px}.topic-list{grid-template-columns:1fr}.checklist-top{flex-wrap:wrap}.checklist-count{margin:0}.checklist h2{font-size:26px}.check-item{font-size:13px}.search-form input{font-size:14px}.error-number{font-size:85px}.error-page h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white}.site-header,.site-footer,.toc,.copy-button,.reading-progress,.article-end,.guide-actions,.search-controls{display:none}.container{width:100%}.article-layout{display:block}.prose pre{white-space:pre-wrap;background:#f3f3f3;color:#111}.checklist{break-inside:avoid}.article-header h1{font-size:32px}a{text-decoration:underline}.cards{grid-template-columns:1fr 1fr}}