:root{--bg:#07090d;--panel:#0d121b;--panel2:#111824;--text:#f4f7fb;--muted:#9da8b8;--faint:#677286;--line:rgba(255,255,255,.12);--accent:#4f8cff;--accent2:#8cb2ff;--green:#42d27a;--wrap:min(1180px,calc(100vw - 48px));--radius:26px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 85% 5%,rgba(79,140,255,.14),transparent 32rem),var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:999;background:white;color:black;padding:.7rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.kh-header{height:78px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(7,9,13,.82);backdrop-filter:blur(24px)}.kh-brand{display:flex;align-items:center;gap:11px;width:max-content}.kh-brand span{font-family:Georgia,serif;font-size:1.3rem;letter-spacing:-.08em}.kh-brand strong{font-size:.92rem}.kh-brand i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.kh-header nav{display:flex;gap:28px;font-size:.82rem;color:#c7cfdb}.kh-header nav a:hover,.kh-header nav a.is-active{color:white}.kh-resume{justify-self:end;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:.75rem}.kh-menu{display:none;justify-self:end;background:transparent;color:white;border:1px solid var(--line);border-radius:999px;padding:9px 14px}.page-wrap{width:var(--wrap);margin:auto}.breadcrumbs{display:flex;gap:10px;color:var(--faint);font-size:.75rem;margin-bottom:42px}.breadcrumbs a:hover{color:white}.page-hero{padding:105px 0 80px;border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.kicker{margin:0 0 18px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent2);font-size:.68rem;font-weight:700}.page-hero h1{font-size:clamp(3.2rem,7vw,7.4rem);letter-spacing:-.065em;line-height:.94;margin:0;font-weight:600}.page-hero .lede{font-size:1.08rem;color:#c1cad7;margin:0 0 24px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row span,.chip-row a{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#cbd3df;font-size:.7rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:70px}.metric-grid>div{padding:24px 20px 0 0;border-right:1px solid var(--line)}.metric-grid>div+div{padding-left:20px}.metric-grid>div:last-child{border-right:0}.metric-grid strong{font-size:2rem;letter-spacing:-.04em;display:block}.metric-grid span{font-size:.75rem;color:var(--muted)}.content-section{padding:95px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:50px;align-items:end;margin-bottom:54px}.section-head h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.055em;line-height:.98;margin:0;font-weight:580}.section-head p{margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:linear-gradient(145deg,rgba(18,25,37,.95),rgba(10,14,21,.92));border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:transform .25s var(--ease),border-color .25s}.card:hover{transform:translateY(-5px);border-color:rgba(79,140,255,.6)}.card .meta{color:var(--accent2);text-transform:uppercase;letter-spacing:.15em;font-size:.63rem}.card h2,.card h3{letter-spacing:-.04em;line-height:1.04;margin:18px 0 12px}.card h2{font-size:2.2rem}.card h3{font-size:1.8rem}.card p{color:var(--muted);margin:0 0 20px}.card .link{color:white;border-bottom:1px solid var(--line);padding-bottom:5px;font-size:.82rem}.feature-card{grid-column:span 2;display:grid;grid-template-columns:1fr .7fr;gap:45px}.architecture-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:28px 0}.architecture-flow span{border:1px solid var(--line);background:rgba(79,140,255,.06);padding:10px 13px;border-radius:12px;font-size:.72rem}.architecture-flow i{color:var(--accent);font-style:normal}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px}.article{max-width:780px}.article h2{font-size:2.3rem;letter-spacing:-.04em;line-height:1.08;margin:70px 0 18px}.article h3{font-size:1.4rem;margin:40px 0 14px}.article p,.article li{color:#bec7d4}.article strong{color:white}.article ul,.article ol{padding-left:1.25rem}.article blockquote{margin:35px 0;padding:20px 24px;border-left:3px solid var(--accent);background:rgba(79,140,255,.06);color:#dbe3ef}.article pre{overflow:auto;background:#05070b;border:1px solid var(--line);border-radius:18px;padding:22px;color:#d8e5ff}.toc{position:sticky;top:110px;align-self:start;border-left:1px solid var(--line);padding-left:22px}.toc strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--faint)}.toc a{display:block;color:var(--muted);font-size:.78rem;margin:12px 0}.toc a:hover{color:white}.timeline-list{display:grid;gap:20px}.timeline-entry{display:grid;grid-template-columns:140px 1fr;border-top:1px solid var(--line);padding:30px 0}.timeline-entry time{color:var(--accent2);font-size:.78rem}.timeline-entry h2{margin:0 0 4px;font-size:2rem;letter-spacing:-.04em}.timeline-entry h3{margin:0 0 18px;color:var(--muted);font-size:.88rem;font-weight:500}.impact-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.impact-list li{display:grid;grid-template-columns:95px 1fr;gap:18px}.impact-list strong{font-size:1.35rem;color:white}.impact-list span{color:#b9c3d1}.search-shell{max-width:900px}.search-form{display:flex;gap:10px;margin:35px 0}.search-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;background:#0c1119;color:white;padding:17px 22px;font-size:1rem}.search-form button{border:0;border-radius:999px;background:var(--accent);color:white;padding:0 25px}.search-result{display:block;border-top:1px solid var(--line);padding:24px 0}.search-result small{color:var(--accent2);text-transform:uppercase;letter-spacing:.12em}.search-result h2{font-size:1.55rem;margin:8px 0}.search-result p{color:var(--muted);margin:0}.search-empty{color:var(--muted);padding:30px 0}.post-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-top:28px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kh-footer{width:var(--wrap);margin:auto;padding:70px 0 35px;display:grid;grid-template-columns:1.7fr .7fr .7fr;gap:50px}.kh-footer>div{display:flex;flex-direction:column;gap:10px}.kh-footer p{max-width:420px;color:var(--muted)}.kh-footer>div>strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--faint);margin-bottom:7px}.kh-footer a:not(.kh-brand){color:#c9d1dc;font-size:.85rem}.kh-footer-bottom{grid-column:1/-1!important;flex-direction:row!important;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;color:var(--faint);font-size:.72rem}.seo-note{border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--muted);background:rgba(79,140,255,.04)}
@media(max-width:900px){.kh-header{grid-template-columns:1fr auto}.kh-header nav,.kh-resume{display:none}.kh-menu{display:block}.kh-header.is-open nav{position:fixed;display:flex;flex-direction:column;gap:0;top:78px;left:0;right:0;background:rgba(7,9,13,.98);padding:20px 24px 35px;border-bottom:1px solid var(--line)}.kh-header.is-open nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:1.15rem}.page-hero-grid,.section-head,.feature-card,.article-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid>div:nth-child(2){border-right:0}.metric-grid>div:nth-child(n+3){border-top:1px solid var(--line)}.card-grid{grid-template-columns:1fr}.feature-card{grid-column:auto}.toc{display:none}.timeline-entry{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.kh-footer{grid-template-columns:1fr 1fr}.kh-footer>div:first-child,.kh-footer-bottom{grid-column:1/-1!important}}
@media(max-width:560px){:root{--wrap:calc(100vw - 32px)}.page-hero{padding:72px 0 60px}.page-hero h1{font-size:3.25rem}.content-section{padding:70px 0}.metric-grid{grid-template-columns:1fr}.metric-grid>div{border-right:0!important;border-top:1px solid var(--line);padding:18px 0!important}.card{padding:22px}.impact-list li{grid-template-columns:75px 1fr}.search-form{flex-direction:column}.search-form button{min-height:52px}.kh-footer{grid-template-columns:1fr}.kh-footer>div{grid-column:1/-1!important}.kh-footer-bottom{flex-direction:column!important}}

/* v11 engineering knowledge hub */
.blog-hero .page-hero-grid{align-items:start}.blog-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.blog-stats span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.75rem}.blog-stats strong{color:white;margin-right:4px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(18,25,37,.95),rgba(10,14,21,.92));display:flex;flex-direction:column;transition:.25s var(--ease)}.topic-card:hover{transform:translateY(-5px);border-color:rgba(79,140,255,.6)}.topic-card>span{color:var(--accent2);font-size:.65rem;text-transform:uppercase;letter-spacing:.14em}.topic-card h2{font-size:2rem;line-height:1.05;letter-spacing:-.04em;margin:28px 0 12px}.topic-card p{color:var(--muted);margin:0}.topic-card em{margin-top:auto;color:white;font-size:.8rem;font-style:normal}.blog-tools{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:20px;align-items:start;margin-bottom:20px}.blog-tools input{width:100%;border:1px solid var(--line);background:var(--panel);color:white;border-radius:999px;padding:14px 18px;font:inherit}.blog-filters{display:flex;gap:8px;flex-wrap:wrap}.blog-filters button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:10px 13px;cursor:pointer}.blog-filters button.is-active{background:var(--accent);border-color:var(--accent);color:white}.blog-filters span{opacity:.7;margin-left:4px}.blog-results{color:var(--faint);font-size:.78rem;margin:0 0 26px}.article-card[hidden]{display:none}.article-card h2{font-size:1.75rem}.article-callout{border:1px solid rgba(79,140,255,.35);background:rgba(79,140,255,.06);border-radius:18px;padding:20px 22px;margin-bottom:36px}.article-callout strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent2)}.article-callout p{margin:8px 0 0}.article-subsection{padding:18px 0;border-bottom:1px solid var(--line)}.article-subsection h3{margin:0 0 8px}.article-subsection p{margin:0}.validation-note{margin:22px 0;padding:16px 18px;border-left:3px solid var(--accent);background:rgba(79,140,255,.05)}.decision-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}.decision-table{width:100%;border-collapse:collapse;min-width:560px}.decision-table th,.decision-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.decision-table tr:last-child th,.decision-table tr:last-child td{border-bottom:0}.decision-table th{width:150px;color:white}.decision-table td{color:var(--muted)}.failure-list li{margin-bottom:14px}.signal-list{list-style:none;padding:0!important}.signal-list li{display:grid;grid-template-columns:minmax(170px,240px) 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.signal-list span{color:var(--muted)}.article-hero h1{font-size:clamp(2.7rem,6vw,6rem)}.article code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.article-navigation .card h3{font-size:1.45rem}.topic-back{margin-bottom:28px;color:var(--accent2)}
@media(max-width:900px){.topic-grid{grid-template-columns:1fr 1fr}.blog-tools{grid-template-columns:1fr}}
@media(max-width:620px){.signal-list li{grid-template-columns:1fr;gap:5px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:220px}.blog-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.blog-filters button{flex:none}.article-hero h1{font-size:2.7rem}}