
.kubernetes-cn{--ink:#edf3f8;--muted:#aabcc8;--accent:#65c4d0;--line:#304654;background:#05080d;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.kubernetes-cn *{box-sizing:border-box}
.kubernetes-cn h1,.kubernetes-cn h2,.kubernetes-cn h3{color:var(--ink);margin:0;letter-spacing:-.035em}
.kubernetes-cn h2{font-size:clamp(34px,4.1vw,64px);font-weight:600;line-height:1.2}
.kubernetes-cn h3{font-size:24px;line-height:1.45;font-weight:600}
.kubernetes-cn p,.kubernetes-cn li{font-size:17px;line-height:1.85;color:var(--muted)}
.kubernetes-cn p{margin:0 0 18px}
.kubernetes-cn a{color:var(--accent);text-underline-offset:5px}
.kubernetes-cn a:focus-visible,.kubernetes-cn button:focus-visible,.kubernetes-cn summary:focus-visible,.kubernetes-cn [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.kbc-wrap{width:min(1280px,calc(100% - 80px));margin:0 auto}
.kbc-section{padding:72px 0}
.kbc-tint{background:#0b1924}
.kbc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.kbc-heading{margin-bottom:40px}
.kubernetes-cn .kbc-eyebrow{font-size:11px!important;font-weight:600;letter-spacing:.16em;color:var(--accent);margin:0 0 24px!important;line-height:1.6}
.kbc-eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:10px;box-shadow:0 0 0 4px #15313b}
.kbc-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}
.kbc-hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;z-index:-2}
.kbc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,13,.92),rgba(5,8,13,.6) 55%,rgba(5,8,13,.25)),linear-gradient(0deg,#05080d,transparent 80%);z-index:-1}
.kbc-hero-inner{padding:150px 0 76px;display:flex;gap:64px;align-items:flex-end;justify-content:space-between}
.kbc-hero-copy{max-width:860px;min-width:0}
.kubernetes-cn h1{font-size:clamp(52px,6.6vw,98px);line-height:1.12;margin:0 0 26px;letter-spacing:-.055em;font-weight:500;overflow-wrap:anywhere}
.kubernetes-cn .kbc-lead{font-size:20px;line-height:1.85;max-width:780px}
.kbc-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.kubernetes-cn .kbc-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;background:var(--accent);border:1px solid var(--accent);border-radius:5px;color:#08313b;text-decoration:none;font-size:14px;font-weight:700}
.kubernetes-cn .kbc-outline{background:transparent;color:var(--ink);border-color:#78909e}
.kubernetes-cn .kbc-meta{font-size:11px!important;letter-spacing:.12em;margin:22px 0 0!important}
.kubernetes-cn .kbc-hero-note{max-width:250px;border-top:1px solid var(--accent);padding-top:16px;font-size:12px;flex-shrink:0}
.kbc-board{border:1px solid var(--line);padding:28px;background:#07121b}
.kbc-board-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.kbc-board-bar button{background:transparent;color:var(--accent);border:1px solid #3e7c8c;padding:12px 16px;min-height:44px;cursor:pointer}
.kbc-board-bar button[hidden]{display:none}.kbc-board-bar button:disabled{cursor:default}
.kbc-tag{display:block;font-size:12px;letter-spacing:.06em;color:var(--accent);margin-bottom:14px}
.kbc-arrow{align-self:center;display:block}
.kbc-arrow svg{display:block;width:100%;height:24px;overflow:visible;fill:none;stroke:#488092;stroke-width:1.5}
.kbc-pulse{stroke:#80e5ed;stroke-width:2;stroke-dasharray:10 70;animation:kbc-signal 4.2s linear infinite;animation-play-state:paused}
.kbc-running .kbc-pulse{animation-play-state:running}
.kubernetes-cn .kbc-caption{font-size:12px;line-height:1.75;margin:24px 0 0}
.kubernetes-cn .kbc-scheme{margin:24px 0 0!important}
.kbc-scheme img{display:block;width:100%;height:auto;object-fit:contain}
.kbc-scheme figcaption,.kbc-photo figcaption{font-size:12px;color:#91a8b7;line-height:1.75;padding-top:14px}
.kbc-photo{margin:0!important;min-width:0}
.kbc-photo img{display:block;width:100%;height:auto;object-fit:contain;background:#09131b}
.kbc-callout{margin-top:44px;padding:28px 32px;border-left:2px solid var(--accent);background:#10212b}
.kbc-callout h3{margin-bottom:16px}.kbc-callout p:last-child{margin-bottom:0}
.kbc-faq{border-bottom:1px solid var(--line);padding:22px 0}
.kbc-faq summary{font-size:20px;cursor:pointer;line-height:1.6;color:var(--ink)}
.kbc-faq p{margin:18px 0 0}
.kbc-support{background:#09141d;border-top:1px solid var(--line)}
.kubernetes-cn .kbc-support h2{font-size:clamp(28px,2.8vw,38px);line-height:1.35;margin-bottom:20px}
.kbc-support>div>p{max-width:960px}
.kbc-support details{border-top:1px solid var(--line)}
.kbc-support summary{padding:22px 0;min-height:48px;font-size:18px;line-height:1.6;cursor:pointer}
.kbc-support ul{padding:0 0 20px 22px;margin:0}.kbc-support li{padding:8px 0}
.kbc-contact h2{margin-bottom:24px}.kbc-contact .kbc-button{justify-self:end;align-self:center}
@keyframes kbc-signal{to{stroke-dashoffset:-160}}
@media(max-width:1100px){.kbc-hero-note{display:none}.kbc-split{gap:36px}}
@media(max-width:700px){
.kbc-wrap{width:calc(100% - 40px)}.kbc-section{padding:48px 0}.kbc-split{grid-template-columns:1fr;gap:28px}
.kbc-hero{min-height:100svh}.kbc-hero-inner{padding:140px 0 58px}.kubernetes-cn h1{font-size:clamp(40px,10vw,56px);line-height:1.16}.kubernetes-cn h2{font-size:34px}.kubernetes-cn h3{font-size:22px}
.kubernetes-cn .kbc-lead{font-size:17px}.kbc-heading{margin-bottom:28px}
.kbc-board{padding:20px 14px}.kbc-board-bar{align-items:flex-start;font-size:12px}.kbc-board-bar button{font-size:11px;padding:10px;white-space:nowrap}
.kbc-callout{padding:24px 18px}.kbc-faq summary{font-size:18px}.kbc-contact .kbc-button{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.kbc-pulse{animation:none!important}}
/* Only this CN owner overrides the legacy missing-page type baseline. */
body.service53-missing-page main .kubernetes-cn p,body.service53-missing-page main .kubernetes-cn li{font-size:17px!important;line-height:1.85!important}
body.service53-missing-page main .kubernetes-cn .kbc-lead{font-size:20px!important}
body.service53-missing-page main .kubernetes-cn .kbc-eyebrow,body.service53-missing-page main .kubernetes-cn .kbc-meta{font-size:11px!important;line-height:1.6!important}
body.service53-missing-page main .kubernetes-cn .kbc-hero-note,body.service53-missing-page main .kubernetes-cn .kbc-caption{font-size:12px!important;line-height:1.75!important}
@media(max-width:700px){body.service53-missing-page main .kubernetes-cn .kbc-lead{font-size:17px!important}}

.kbc-control{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,2fr);padding-top:28px}
.kbc-control article,.kbc-workers article{border:1px solid #426170;padding:24px;background:#0c1e29}
.kbc-control h3,.kbc-workers h3{font-size:23px}.kbc-control p{margin:16px 0 0}
.kbc-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.kbc-components span{padding:12px;background:#142f3d;font-size:14px;line-height:1.6}
.kbc-reconcile{position:relative;display:flex;justify-content:space-evenly;gap:20px;max-width:640px;margin:auto;padding:28px 0;color:#84d2db;font-size:14px}
.kbc-reconcile-signal{position:absolute;inset:10px 0;border-left:1px dashed #78c6cf;border-right:1px dashed #78c6cf}
.kbc-reconcile-signal:after{content:"";position:absolute;left:-3px;top:0;width:5px;height:10px;background:#80e5ed;animation:kbc-feedback 3s linear infinite;animation-play-state:paused}
.kbc-running .kbc-reconcile-signal:after{animation-play-state:running}
@keyframes kbc-feedback{to{transform:translateY(38px)}}
.kbc-workers{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kbc-pods{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.kbc-pods span{border:1px solid #5295a5;background:#153b49;padding:12px;font-size:14px}
.kbc-traffic{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;gap:10px;margin-top:24px;padding:20px;border:1px solid #5c7660}
.kbc-traffic>span:not(.kbc-arrow){font-size:16px;color:#b3dec3;text-align:center}
.kbc-foundation{padding:24px 0 0}.kbc-foundation p{margin:0}.kbc-foundation strong{color:#edf3f8}
.kbc-release{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.kbc-release li{border-top:2px solid #488495;padding-top:22px}.kbc-release span{font-size:12px;color:var(--accent)}.kbc-release h3{margin:16px 0}
.kbc-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:start}
.kbc-feature h2{margin-bottom:32px}.kbc-feature article+article{margin-top:28px}.kbc-feature h3{margin-bottom:14px}
.kbc-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.kbc-usecases article{border-top:1px solid #488495;padding-top:24px}.kbc-usecases h3{margin-bottom:16px}
@media(max-width:900px){.kbc-release{grid-template-columns:1fr 1fr}.kbc-components{grid-template-columns:1fr}}
@media(max-width:700px){.kbc-control,.kbc-workers,.kbc-feature,.kbc-usecases,.kbc-release{grid-template-columns:1fr}.kbc-control>.kbc-arrow{width:40px;height:40px;justify-self:center;display:flex;align-items:center}.kbc-control>.kbc-arrow svg{transform:rotate(90deg)}.kbc-control article,.kbc-workers article{padding:20px}.kbc-traffic{grid-template-columns:1fr;padding:20px;gap:10px}.kbc-traffic>.kbc-arrow{width:40px;justify-self:center;transform:rotate(90deg);margin:12px 0}.kbc-reconcile{font-size:12px;padding:26px 8px}.kbc-feature{gap:30px}}
@media(prefers-reduced-motion:reduce){.kbc-reconcile-signal:after{animation:none!important}}
