@charset "UTF-8";
:root{--paper:#f2f0eb;--ink:#1b1d20;--muted:#60656b;--line:#d8d9d9;--accent:#111214;--accent-soft:#e6e7e8;--white:#fff;--warn:#8e542e;--radius:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body.ckcp-pilot{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Helvetica Neue",Arial,"PingFang SC",sans-serif;font-size:15px;font-weight:400;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #718da8;outline-offset:4px}button:active:not(:disabled),.button:active{transform:translateY(1px)}
.pilot-strip{min-height:34px;padding:6px max(26px,calc((100vw - 1320px)/2));background:#e6e7e9;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#515254;letter-spacing:.025em}.site-header{max-width:1320px;margin:auto;min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-weight:850;font-size:34px;letter-spacing:-2px;line-height:1}.wordmark span{display:block;font-size:8px;letter-spacing:3.15px;margin-top:8px;margin-left:2px;font-weight:600}.site-header nav{display:flex;gap:38px;font-size:13px}.site-header nav a{color:var(--muted);padding:12px 0}.site-header nav a.active{color:var(--ink);border-bottom:2px solid var(--accent)}.account-link{font-size:13px;padding:8px 0}.account-link span{margin-left:18px}
main{max-width:1320px;margin:auto}.breadcrumb{font-size:10px;letter-spacing:1.4px;color:var(--muted);padding-top:27px}.breadcrumb span{color:var(--ink)}.page-intro{display:grid;grid-template-columns:2.1fr 1fr;align-items:end;gap:7%;padding:44px 0 55px;border-bottom:1px solid var(--line);margin-bottom:37px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;margin:0 0 13px;color:var(--muted)}h1{font-size:clamp(38px,4.3vw,59px);line-height:1.07;font-weight:550;letter-spacing:-2.5px;margin:0 0 22px}h1 span{color:var(--accent)}.intro-copy{font-size:15px;color:var(--muted);margin:0;line-height:1.8}.intro-note{padding:0 0 3px 26px;border-left:1px solid var(--line)}.note-number{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums}.intro-note p{font-size:17px;line-height:1.6;margin:12px 0 20px}.intro-note a{font-size:12px}.intro-note a span{padding-left:32px}.workspace{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,1fr);gap:48px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.section-heading .eyebrow{margin-bottom:6px}h2{font-size:24px;line-height:1.3;font-weight:550;letter-spacing:-.6px;margin:0}h3{font-size:19px;line-height:1.4;font-weight:550;margin:0}.text-button{border:0;background:transparent;padding:8px 0;color:var(--accent);font-size:12px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;background:var(--accent);border:1px solid var(--accent);color:var(--white);padding:12px 19px;border-radius:var(--radius);font-size:13px;font-weight:550;transition:background .16s,transform .16s;min-height:45px}.button:hover:not(:disabled){background:#45494f}.button.secondary{background:transparent;color:var(--accent)}.button.light{background:#f2f3f5;border-color:#f2f3f5;color:var(--ink)}.button.light:disabled{opacity:.7}.full{width:100%}
.video-shell{aspect-ratio:16/9;background:#2b2c2e;border-radius:var(--radius);overflow:hidden;position:relative;color:#eff0f2}.video-shell iframe,.video-shell #video-player{width:100%;height:100%;border:0}.login-gate,.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(ellipse at 70% 20%,#464749 0%,#2b2c2e 75%)}.login-gate .eyebrow,.video-placeholder .eyebrow{color:#c2c3c5;font-size:9px;margin-bottom:12px}.login-gate h3{font-size:24px}.login-gate p:not(.eyebrow){font-size:13px;color:#c8c9cb;margin:8px 0 17px}.gate-mark{height:38px;width:42px;border:1px solid #7f8082;color:#d5d6d8;margin:0 0 19px;font-size:15px;letter-spacing:-1px;padding:5px}.test-login{font-size:12px;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.login-gate small{font-size:10px;margin-top:10px;color:#b2b3b5}.video-toolbar{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.time-display{font-size:14px;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;padding:6px 11px;background:#e8e9eb;border-radius:3px;color:var(--accent)}.toolbar-description{font-size:12px;color:var(--muted);flex:1}.video-toolbar .button{font-size:12px;padding:10px 14px}.guide-meta{display:flex;gap:12px;justify-content:space-between;font-size:10px;color:var(--muted);padding:12px 0}.inline-note{font-size:12px;padding:12px 0;color:var(--warn)}
.side-panel{padding-top:1px}.product-panel{border:1px solid var(--line);padding:25px;background:#fdfdf9;border-radius:var(--radius)}.product-illustration{height:150px;background:#e7e8ea;margin:0 0 22px;display:flex;justify-content:center;align-items:center;gap:10px;position:relative;overflow:hidden;border-radius:3px}.product-illustration>span{position:absolute;bottom:10px;font-size:8px;letter-spacing:1px;color:#737476}.vent{width:88px;height:75px;border:5px solid #696a6c;box-shadow:0 1px 0 #c0c1c3,inset 0 0 0 2px #b3b4b6;background:#343537;border-radius:16px;transform:skewY(-5deg);padding:10px 8px;display:flex;flex-direction:column;justify-content:space-between}.vent-right{transform:skewY(5deg)}.vent i{display:block;width:100%;height:4px;background:#9b9c9e;border-top:1px solid #c8c9cb}.product-kind{font-size:9px;letter-spacing:1.2px;color:var(--muted);margin:0 0 8px}.product-panel h2{font-size:23px;line-height:1.3}.product-caution{font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0}.price-line{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 22px}.price-line strong{font-size:27px;letter-spacing:-1px;font-weight:550}.price-line span{font-size:10px;padding:3px 7px;background:var(--accent-soft);color:var(--accent);border-radius:3px}.cart-link{display:block;text-align:center;font-size:12px;color:var(--muted);padding:15px 0 0}.trade-note{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.trade-note strong{font-size:12px;font-weight:600}.trade-note p{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 13px}.trade-note span{font-size:10px;color:var(--accent)}
.poll-panel{margin-top:29px;padding:0 0 28px;border-bottom:1px solid var(--line)}.poll-panel>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:10px 0 17px}.poll-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vote-button{border:1px solid #c3c4c6;border-radius:var(--radius);background:transparent;font-size:12px;color:var(--ink);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.vote-button.selected{background:var(--accent);border-color:var(--accent);color:var(--white)}.vote-button span{font-size:11px;opacity:.8}.poll-panel #vote-note{font-size:10px;margin-bottom:0}.pilot-status{padding:23px 0}.pilot-status .eyebrow{font-size:10px}.pilot-status dl{margin:0}.pilot-status dl>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:10px}.pilot-status dt{color:var(--muted)}.pilot-status dd{margin:0}.pilot-status>p:last-child{font-size:10px;color:var(--muted);line-height:1.8;margin-top:15px}
.question-composer{padding:24px;background:#edeef0;border:1px solid #d8d9db;border-radius:var(--radius);margin-top:18px}.question-composer .section-heading{margin-bottom:12px}.question-composer label{font-size:12px;display:block;margin:10px 0 8px}textarea{display:block;resize:vertical;width:100%;min-height:110px;padding:12px;background:var(--white);border:1px solid #c4c5c7;border-radius:3px;color:var(--ink);font-size:13px;line-height:1.7}.field-hint{font-size:10px;line-height:1.7;color:var(--muted);margin:9px 0 13px}.field-error{font-size:12px;color:#a03529;margin:8px 0}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-actions>span{font-size:10px;color:var(--muted)}.timestamp-selection{font-size:12px;color:var(--accent);background:#e1e2e4;border-radius:3px;display:inline-block;padding:5px 9px}.discussion{margin-top:40px}.discussion .count{font-size:12px;margin-left:7px;background:#e8e9eb;padding:3px 8px;border-radius:4px;vertical-align:middle}.empty-state{padding:28px 0;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.question{border-top:1px solid var(--line);padding:22px 0}.question-top{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);flex-wrap:wrap}.question-author{font-weight:650;color:var(--ink)}.question-time{border:0;color:var(--accent);background:#e9eaec;font-family:ui-monospace,monospace;font-size:11px;padding:4px 7px;border-radius:3px}.status-tag{font-size:9px;border:1px solid var(--line);border-radius:3px;padding:2px 6px;margin-left:auto}.status-tag.resolved{border-color:#c7c8ca;color:var(--accent)}.question-body{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}.question-actions{display:flex;gap:22px;margin-top:6px}.question-actions button{font-size:11px}.replies{margin-left:20px;padding-left:17px;border-left:2px solid #dedfe1}.reply{padding:13px 0 4px}.reply p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.reply-form{margin-top:15px}.reply-form label{font-size:11px;display:block;margin-bottom:6px}.reply-form textarea{min-height:80px}.reply-form button{font-size:12px;margin-top:9px}.message{padding:12px 16px;background:#eaebed;border:1px solid #c6c7c9;border-radius:3px;margin:0 0 18px;font-size:13px}.error-panel{padding:25px;border:1px solid #cbbdae;background:#f3e9df;border-radius:3px;margin-bottom:30px}.error-panel p{font-size:13px}.skeleton{display:grid;grid-template-columns:2.1fr 1fr;gap:48px;min-height:380px}.skeleton div{background:linear-gradient(100deg,#e7e8ea,#eff0f2,#e7e8ea);background-size:200% 100%;animation:loading 2s ease-in-out infinite;border-radius:4px}@keyframes loading{to{background-position:-200% 0}}.site-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:58px;padding:30px 0 35px;color:var(--muted);font-size:11px}.footer-brand{font-size:23px;letter-spacing:-1px;font-weight:750;color:var(--ink)}.site-footer p{flex:1;margin-left:17px}.site-footer>span:last-child{font-size:10px}#wpadminbar{display:none!important}html{margin-top:0!important}
@media(max-width:1380px){main,.site-header{margin-left:34px;margin-right:34px}.pilot-strip{padding-left:34px;padding-right:34px}.workspace{gap:32px}}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);gap:22px}.product-panel{padding:18px}.toolbar-description{display:none}.video-toolbar .button{margin-left:auto}.login-gate{padding:15px}.login-gate h3{font-size:20px}.gate-mark{display:none}.login-gate .eyebrow{margin-bottom:7px}.login-gate p:not(.eyebrow){margin:7px 0 10px;font-size:12px}.login-gate small{font-size:8px}.section-heading{align-items:start}h2{font-size:21px}.site-header nav{gap:24px}.intro-note p{font-size:15px}}
@media(max-width:720px){main,.site-header{margin-left:20px;margin-right:20px}.pilot-strip{padding:7px 20px;font-size:9px}.pilot-strip span:last-child{max-width:58%;text-align:right}.site-header{min-height:83px}.site-header nav{display:none}.wordmark{font-size:30px}.account-link{font-size:12px}.breadcrumb{font-size:8px;padding-top:22px;letter-spacing:1px}.page-intro{grid-template-columns:1fr;padding:31px 0 28px;margin-bottom:26px;gap:25px}h1{font-size:44px;letter-spacing:-2px;margin-bottom:17px}.intro-copy{font-size:13px}.intro-note{display:none}.workspace{grid-template-columns:1fr;gap:30px}.section-heading{gap:12px}.section-heading h2{font-size:22px}.section-heading>.text-button{font-size:10px}.video-shell{aspect-ratio:4/3}.video-shell:has(iframe){aspect-ratio:16/9}.login-gate h3{font-size:21px}.login-gate .eyebrow{font-size:8px}.login-gate small{font-size:9px}.login-gate p:not(.eyebrow){margin:9px 0 17px}.login-gate .button{font-size:12px}.test-login{font-size:11px;margin-top:14px}.video-toolbar{gap:8px;padding:13px 0}.video-toolbar .button{padding:10px 12px;font-size:11px;gap:10px}.guide-meta{font-size:9px}.question-composer{padding:18px}.question-composer h3{font-size:18px}.form-actions>span{display:none}.form-actions{justify-content:end}.discussion{margin-top:30px}.side-panel{display:grid;grid-template-columns:1fr}.product-panel{padding:24px}.product-illustration{height:170px}.product-panel h2{font-size:25px}.product-caution{font-size:11px}.poll-panel{margin-top:25px}.pilot-status{padding-top:0}.site-footer{margin-top:28px;padding-top:23px;gap:12px;flex-wrap:wrap}.site-footer p{font-size:10px;margin-left:0}.site-footer>span:last-child{width:100%}.skeleton{grid-template-columns:1fr;min-height:320px}.skeleton div:last-child{display:none}.question-top{font-size:10px}.question-body{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.local-video-option{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}.local-video-option .text-button{font-size:11px}.video-shell video{width:100%;height:100%;object-fit:contain}.video-shell.local-video-active{aspect-ratio:16/9}@media(max-width:720px){.local-video-option{align-items:start;flex-direction:column;gap:0}}

.lead-panel{border-top:1px solid var(--line);padding-top:24px}.lead-row{display:flex;flex-direction:column;gap:3px;border-bottom:1px solid var(--line);padding:15px 0;font-size:11px;overflow-wrap:anywhere}.lead-row small{font-size:10px;color:var(--muted)}

.video-shell.local-video-active iframe,.video-shell.local-video-active #video-player{display:none!important}.video-shell video{display:block}

.discussion-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px}.question-actions{flex-wrap:wrap}.solution-label{display:block;margin-top:8px;color:var(--accent);font-size:11px}.solution-action{display:block;font-size:11px;margin:6px 0 8px}.contact-panel{border-top:1px solid var(--line);padding:22px 0;margin-bottom:14px}.contact-panel summary{cursor:pointer;font-weight:650;font-size:14px}.contact-panel summary span{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.contact-panel label{display:block;font-size:12px;margin:12px 0}.contact-panel input:not([type=checkbox]){display:block;width:100%;padding:9px 10px;border:1px solid #c4c5c7;border-radius:3px;background:var(--white);color:var(--ink);margin-top:5px}.contact-email{display:block;font-weight:400;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.contact-panel .contact-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px}.contact-consent input{flex:0 0 auto;margin-top:4px;accent-color:var(--accent)}.contact-panel input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.contact-panel button{width:100%}@media(max-width:720px){.discussion-tools{flex-direction:column;align-items:flex-end;gap:5px}.discussion-tools button{font-size:10px}.contact-panel label{font-size:13px}.contact-panel input:not([type=checkbox]){font-size:16px}.contact-panel .contact-consent{font-size:12px}.question-actions{gap:8px 18px}}

/* CKCP installation studio: quiet silver surfaces and precise, readable controls. */
body.ckcp-pilot {
  --paper: #f2f0eb;
  --ink: #1b1d20;
  --muted: #60656b;
  --line: #d8d9d9;
  --accent: #111214;
  --accent-soft: #e6e7e8;
  --radius: 0;
  -webkit-font-smoothing: antialiased;
}
.ckcp-pilot :is(h1,h2,h3) {
  font-family: "Avenir Next","Helvetica Neue",Arial,"PingFang SC",sans-serif;
  font-weight: 500;
  letter-spacing: -.035em;
}
.ckcp-pilot :is(button,a,input,textarea):focus-visible {
  outline: 2px solid #6e849c;
  outline-offset: 4px;
}
.ckcp-pilot main { padding-bottom: 0; }
.ckcp-pilot .pilot-strip {
  min-height: 26px;
  background: #1b1d20;
  color: #c2c6cc;
  padding-block: 5px;
  font-size: 9px;
}
.ckcp-pilot .site-header {
  max-width: none;
  width: 100%;
  margin: 0;
  min-height: 78px;
  padding: 16px max(34px,calc((100vw - 1320px)/2));
  background: #111214;
  border: 0;
  color: #f2f0eb;
}
.ckcp-pilot .wordmark { font-size: 28px; font-weight: 700; letter-spacing: -.9px; }
.ckcp-pilot .wordmark span { letter-spacing: 3.2px; font-weight: 500; font-size: 7px; margin-top: 7px; }
.ckcp-pilot .site-header nav { gap: 30px; }
.ckcp-pilot .site-header nav a { color: #c2c6cc; font-size: 13px; border-bottom: 1px solid transparent; }
.ckcp-pilot .site-header nav a:is(.active,:hover) { color: #f2f0eb; border-color: #c2c6cc; }
.ckcp-pilot .account-link { color: #f2f0eb; font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; }
.ckcp-pilot .breadcrumb { font-size: 11px; letter-spacing: .75px; padding-top: 30px; }
.ckcp-pilot .page-intro { padding: 42px 0 44px; margin-bottom: 36px; gap: 8%; }
.ckcp-pilot .eyebrow { font-size: 10px; font-weight: 600; letter-spacing: 1.55px; }
.ckcp-pilot .page-intro h1 { font-size: clamp(48px,4.4vw,64px); line-height: 1.04; letter-spacing: -.05em; margin-bottom: 22px; }
.ckcp-pilot .page-intro h1 span { color: #6f747b; }
.ckcp-pilot .intro-copy { font-size: 16px; line-height: 1.75; max-width: 48ch; }
.ckcp-pilot .intro-note { padding-left: 29px; }
.ckcp-pilot .intro-note p { font-size: 22px; line-height: 1.45; letter-spacing: -.025em; margin: 0 0 16px; }
.ckcp-pilot .intro-note a { font-size: 14px; display: inline-flex; align-items: center; min-height: 44px; }
.ckcp-pilot .workspace { gap: 40px; }
.ckcp-pilot .section-heading { align-items: center; margin-bottom: 22px; }
.ckcp-pilot h2 { font-size: 26px; line-height: 1.25; }
.ckcp-pilot h3 { font-size: 21px; line-height: 1.35; }
.ckcp-pilot .text-button { font-size: 13px; min-height: 42px; white-space: normal; text-align: left; }
.ckcp-pilot .button { border-radius: 0; min-height: 48px; padding: 12px 19px; font-size: 14px; font-weight: 500; }
.ckcp-pilot .button.secondary:hover:not(:disabled) { color: #fff; }
.ckcp-pilot .button.light { background: #f2f0eb; border-color: #f2f0eb; color: #111214; }
.ckcp-pilot .video-shell { background: #111214; }
.ckcp-pilot .login-gate,.ckcp-pilot .video-placeholder { background: #1b1d20; color: #f2f0eb; padding: 28px; }
.ckcp-pilot .login-gate h3 { font-size: 28px; font-weight: 500; line-height: 1.2; letter-spacing: -.04em; }
.ckcp-pilot .login-gate p:not(.eyebrow),.ckcp-pilot .video-placeholder p:not(.eyebrow) { font-size: 14px; line-height: 1.65; color: #c2c6cc; }
.ckcp-pilot .login-gate .eyebrow,.ckcp-pilot .video-placeholder .eyebrow { color: #c2c6cc; font-size: 10px; }
.ckcp-pilot .login-gate small { color: #c2c6cc; font-size: 11px; line-height: 1.6; }
.ckcp-pilot .gate-mark { border: 0; color: #c2c6cc; font-size: 18px; width: auto; height: auto; margin-bottom: 14px; padding: 0; letter-spacing: -.04em; }
.ckcp-pilot .test-login { font-size: 13px; line-height: 1.6; padding: 4px 0; }
.ckcp-pilot .video-toolbar { gap: 18px; padding: 18px 0; }
.ckcp-pilot .toolbar-description { font-size: 13px; }
.ckcp-pilot .time-display { padding: 8px 12px; font-size: 14px; }
.ckcp-pilot .video-toolbar .button { font-size: 13px; }
.ckcp-pilot .guide-meta { font-size: 11px; gap: 18px; flex-wrap: wrap; line-height: 1.7; }
.ckcp-pilot .inline-note,.ckcp-pilot .local-video-option { font-size: 13px; line-height: 1.75; }
.ckcp-pilot .product-panel { background: #fff; padding: 28px; border: 1px solid #dedfdf; border-radius: 0; }
.ckcp-pilot .product-panel h2 { font-size: 27px; line-height: 1.2; }
.ckcp-pilot .product-kind { font-size: 10px; line-height: 1.6; }
.ckcp-pilot .product-illustration { border-radius: 0; background: #e7e8e9; filter: grayscale(1); height: 160px; margin-bottom: 23px; }
.ckcp-pilot .product-illustration>span { font-size: 9px; }
.ckcp-pilot .product-caution { font-size: 12px; line-height: 1.75; margin: 16px 0; }
.ckcp-pilot .price-line { margin: 22px 0; align-items: baseline; }
.ckcp-pilot .price-line strong { font-size: 30px; font-weight: 500; letter-spacing: -.04em; }
.ckcp-pilot .price-line span { font-size: 11px; border-radius: 0; }
.ckcp-pilot .cart-link { font-size: 13px; padding-top: 16px; min-height: 44px; }
.ckcp-pilot .trade-note strong { font-size: 14px; font-weight: 500; }
.ckcp-pilot .trade-note p { font-size: 13px; line-height: 1.75; }
.ckcp-pilot .trade-note span { font-size: 11px; }
.ckcp-pilot .question-composer { background: #e6e7e8; border: 0; border-radius: 0; padding: 28px; margin-top: 25px; }
.ckcp-pilot .question-composer label,.ckcp-pilot .reply-form label { font-size: 14px; }
.ckcp-pilot textarea { padding: 14px; border-color: #bfc3c7; border-radius: 0; font-size: 16px; line-height: 1.65; }
.ckcp-pilot .field-hint { font-size: 12px; line-height: 1.75; }
.ckcp-pilot .field-error { font-size: 14px; }
.ckcp-pilot .form-actions>span { font-size: 12px; }
.ckcp-pilot .question-time,.ckcp-pilot .time-display,.ckcp-pilot .timestamp-selection { background: #e0e2e4; color: #30353b; border-radius: 0; }
.ckcp-pilot .timestamp-selection { font-size: 13px; padding: 7px 10px; }
.ckcp-pilot .discussion { margin-top: 44px; }
.ckcp-pilot .discussion .count { font-size: 13px; font-weight: 400; background: #dfe1e3; border-radius: 0; }
.ckcp-pilot .discussion .section-heading { align-items: flex-start; }
.ckcp-pilot .discussion-tools { gap: 4px 16px; }
.ckcp-pilot .discussion-tools .text-button { white-space: nowrap; }
.ckcp-pilot .empty-state { font-size: 15px; line-height: 1.75; }
.ckcp-pilot .question { padding: 26px 0; }
.ckcp-pilot .question-top { font-size: 12px; }
.ckcp-pilot .question-time { font-size: 12px; min-height: 36px; padding: 7px 10px; }
.ckcp-pilot .question-body { font-size: 16px; line-height: 1.75; margin: 16px 0; }
.ckcp-pilot .status-tag { font-size: 10px; padding: 3px 7px; border-radius: 0; }
.ckcp-pilot .question-actions button { font-size: 13px; }
.ckcp-pilot .replies { border-color: #c2c6cc; margin-left: 16px; padding-left: 20px; }
.ckcp-pilot .reply p { font-size: 15px; line-height: 1.75; }
.ckcp-pilot .reply-form button { font-size: 13px; }
.ckcp-pilot .solution-label,.ckcp-pilot .solution-action { font-size: 12px; }
.ckcp-pilot .poll-panel { margin-top: 34px; padding-bottom: 30px; }
.ckcp-pilot .poll-panel>p:not(.eyebrow) { font-size: 14px; line-height: 1.75; }
.ckcp-pilot .vote-button { border-color: #b7bcc2; border-radius: 0; min-height: 46px; padding: 10px 12px; font-size: 13px; }
.ckcp-pilot .vote-button.selected { border-color: #1b1d20; background: #1b1d20; }
.ckcp-pilot .vote-button span { font-size: 12px; }
.ckcp-pilot .poll-panel #vote-note { font-size: 12px; }
.ckcp-pilot .contact-panel { padding: 26px 0; }
.ckcp-pilot .contact-panel summary { font-size: 17px; font-weight: 500; }
.ckcp-pilot .contact-panel summary span,.ckcp-pilot .contact-email { font-size: 12px; line-height: 1.7; }
.ckcp-pilot .contact-panel label { font-size: 14px; margin: 16px 0; }
.ckcp-pilot .contact-panel input:not([type=checkbox]) { font-size: 16px; border-radius: 0; padding: 11px 12px; border-color: #bfc3c7; }
.ckcp-pilot .contact-panel .contact-consent { font-size: 13px; line-height: 1.7; }
.ckcp-pilot .pilot-status { padding-top: 24px; }
.ckcp-pilot .pilot-status dl>div { font-size: 12px; padding-block: 7px; }
.ckcp-pilot .pilot-status>p:last-child { font-size: 12px; line-height: 1.75; }
.ckcp-pilot .lead-row { font-size: 13px; line-height: 1.75; }
.ckcp-pilot .lead-row small { font-size: 12px; }
.ckcp-pilot .site-footer { min-height: 115px; margin-top: 64px; padding-block: 28px; font-size: 13px; }
.ckcp-pilot .site-footer>span:last-child { font-size: 11px; }
@media(max-width:1100px) {
  .ckcp-pilot .workspace { gap: 26px; }
  .ckcp-pilot .site-header nav { gap: 24px; }
  .ckcp-pilot .product-panel { padding: 22px; }
  .ckcp-pilot .page-intro { gap: 5%; }
  .ckcp-pilot .intro-note p { font-size: 20px; }
}
@media(min-width:721px) and (max-width:1050px) {
  .ckcp-pilot .video-shell:has(.login-gate:not([hidden])) { aspect-ratio: auto; }
  .ckcp-pilot .login-gate:not([hidden]) { position: relative; inset: auto; min-height: 320px; }
}
@media(max-width:720px) {
  .ckcp-pilot .site-header { min-height: 100px; padding: 16px 20px 0; flex-wrap: wrap; gap: 8px 16px; }
  .ckcp-pilot .wordmark { font-size: 26px; }
  .ckcp-pilot .wordmark span { font-size: 6px; margin-top: 6px; }
  .ckcp-pilot .account-link { font-size: 12px; }
  .ckcp-pilot .site-header nav { display: flex; order: 3; width: 100%; gap: 16px; justify-content: space-between; }
  .ckcp-pilot .site-header nav a { font-size: 11px; white-space: nowrap; padding: 9px 0 11px; }
  .ckcp-pilot .pilot-strip { font-size: 8px; gap: 10px; }
  .ckcp-pilot .breadcrumb { font-size: 9px; padding-top: 24px; letter-spacing: .55px; }
  .ckcp-pilot .page-intro { padding: 30px 0 32px; margin-bottom: 28px; }
  .ckcp-pilot .page-intro h1 { font-size: 45px; line-height: 1.08; letter-spacing: -.05em; margin-bottom: 18px; }
  .ckcp-pilot .intro-copy { font-size: 14px; line-height: 1.75; }
  .ckcp-pilot .intro-copy br { display: none; }
  .ckcp-pilot .workspace { gap: 36px; }
  .ckcp-pilot .section-heading h2 { font-size: 24px; }
  .ckcp-pilot .section-heading>.text-button { font-size: 12px; }
  .ckcp-pilot .login-gate h3 { font-size: 25px; }
  .ckcp-pilot .login-gate .eyebrow { font-size: 9px; }
  .ckcp-pilot .video-shell:has(.login-gate:not([hidden])) { aspect-ratio: auto; }
  .ckcp-pilot .login-gate:not([hidden]) { position: relative; inset: auto; padding: 32px 20px; }
  .ckcp-pilot .login-gate .button { font-size: 13px; padding-inline: 14px; }
  .ckcp-pilot .login-gate small { font-size: 11px; }
  .ckcp-pilot .video-toolbar { gap: 8px; padding: 16px 0; }
  .ckcp-pilot .video-toolbar .button { font-size: 12px; padding-inline: 12px; gap: 10px; }
  .ckcp-pilot .guide-meta { font-size: 10px; }
  .ckcp-pilot .question-composer { padding: 22px 18px; }
  .ckcp-pilot .question-composer h3 { font-size: 20px; }
  .ckcp-pilot .discussion .section-heading { flex-wrap: wrap; gap: 10px; }
  .ckcp-pilot .discussion-tools { flex-direction: row; justify-content: flex-start; gap: 0 20px; }
  .ckcp-pilot .discussion-tools button { font-size: 12px; }
  .ckcp-pilot .question-body { font-size: 15px; }
  .ckcp-pilot .product-panel { padding: 24px; }
  .ckcp-pilot .product-panel h2 { font-size: 27px; }
  .ckcp-pilot .poll-panel { margin-top: 0; }
  .ckcp-pilot .contact-panel { margin-bottom: 0; }
  .ckcp-pilot .site-footer { margin-top: 40px; gap: 14px; }
  .ckcp-pilot .site-footer p { font-size: 12px; }
}
@media(max-width:360px) {
  .ckcp-pilot .site-header nav { gap: 10px; }
  .ckcp-pilot .page-intro h1 { font-size: 39px; }
  .ckcp-pilot .login-gate h3 { font-size: 22px; }
  .ckcp-pilot .login-gate:not([hidden]) { padding-inline: 16px; }
  .ckcp-pilot .time-display { padding-inline: 8px; }
  .ckcp-pilot .video-toolbar .button { padding-inline: 10px; }
  .ckcp-pilot .product-panel { padding: 20px; }
  .ckcp-pilot .vote-button { font-size: 12px; }
}

/* Exact-source guide photograph; other tutorial bindings keep the diagram. */
.ckcp-pilot .product-illustration.guide-product-photo { display:block; background:#131518; filter:none; height:200px; }
.ckcp-pilot .guide-product-photo img { position:absolute; inset:0 auto auto 0; width:100%; height:128%; object-fit:cover; object-position:center top; }
.ckcp-pilot .guide-product-photo>span { color:#d0d3d8; background:#181a1d; padding:5px 8px; left:12px; bottom:12px; font-size:8px; }
@media(max-width:360px) { .ckcp-pilot .product-illustration.guide-product-photo { height:180px; } }
