/* Installation reading takes precedence over product discovery on guide pages. */
body.ckcp-reader main{max-width:1180px;width:calc(100% - 80px);margin-inline:auto}
body.ckcp-reader .site-header{min-height:72px;padding:14px max(40px,calc((100vw - 1180px)/2));margin:0;max-width:none;gap:20px;box-sizing:border-box}
body.ckcp-reader .site-header .wordmark{font-size:26px}body.ckcp-reader .site-header .wordmark span{font-size:7px;letter-spacing:2px}
body.ckcp-reader .site-header nav a{font-size:12px}
body.ckcp-reader .breadcrumb{padding-top:22px;font-size:9px}
body.ckcp-reader .page-intro{display:block;padding:26px 0 28px;margin-bottom:28px}
body.ckcp-reader .page-intro h1{font-size:clamp(27px,3vw,38px);line-height:1.18;letter-spacing:-1.2px;max-width:34ch;margin:0 0 12px}
body.ckcp-reader .page-intro .eyebrow{font-size:9px;margin-bottom:12px}body.ckcp-reader .intro-copy{font-size:13px;line-height:1.6}body.ckcp-reader .intro-note{display:none}
body.ckcp-source-guide.ckcp-reader .workspace{display:grid;grid-template-columns:210px minmax(0,850px);gap:52px;align-items:start}
body.ckcp-source-guide.ckcp-reader .workspace:not(:has(.guide-reader-tools)){grid-template-columns:minmax(0,850px);justify-content:center}
.guide-reader-tools{position:sticky;top:24px;min-width:0}.guide-contents summary{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;list-style:none}.guide-contents summary::-webkit-details-marker{display:none}.guide-contents nav{display:flex;flex-direction:column;max-height:55vh;overflow:auto;padding:10px 4px 12px 0;scrollbar-width:thin}.guide-contents nav a{display:flex;gap:12px;padding:10px 8px;border-left:2px solid transparent;font-size:12px;line-height:1.55;color:#637068;overflow-wrap:anywhere}.guide-contents nav a>span:first-child{font-size:10px;font-variant-numeric:tabular-nums;opacity:.7;padding-top:2px;flex-shrink:0}.guide-contents nav a>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-contents nav a:hover,.guide-contents nav a[aria-current]{background:#e9eee9;border-left-color:#607967;color:#243d2e}.guide-discussion-shortcut{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 0;border-block:1px solid #d6ddd6;font-size:12px;font-weight:600;color:#334e3c}.guide-reader-help{font-size:11px;line-height:1.8;color:#68736a;margin-top:16px}
body.ckcp-reader .ckcp-source-article .section-heading h2{font-size:22px}body.ckcp-reader .ckcp-source-note{font-size:12px;margin-bottom:24px}.guide-product-fold{border-block:1px solid #d5ddd5;margin:32px 0 0;padding:4px 0;max-width:850px;margin-left:auto;font-size:13px}.guide-product-fold summary{min-height:52px;display:flex;gap:12px;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:500}.guide-product-fold summary::-webkit-details-marker{display:none}.guide-product-fold summary:after{content:'+';font-size:20px;margin-left:auto}.guide-product-fold[open] summary:after{content:'−'}.guide-product-fold summary>span{font-size:11px;color:#6a746d;font-weight:400}.guide-product-mini{display:flex;gap:16px;align-items:center;padding:12px 0 20px}.guide-product-mini img{width:52px;height:52px;object-fit:contain;background:#fff}.guide-product-mini strong{font-size:13px;font-weight:500;display:block}.guide-product-mini small{font-size:11px;display:block;margin-top:6px;color:#647569}
body.ckcp-video-reader .workspace{grid-template-columns:minmax(0,850px) minmax(200px,250px);gap:40px}body.ckcp-video-reader .side-panel{display:flex;flex-direction:column}body.ckcp-video-reader .poll-panel{order:-1;margin-top:0}body.ckcp-video-reader .guide-product-fold{width:100%;margin-top:20px}body.ckcp-video-reader .guide-product-fold summary{flex-wrap:wrap}body.ckcp-video-reader .guide-product-fold summary>span{display:none}body.ckcp-video-reader .product-illustration{height:60px}body.ckcp-video-reader .product-panel h2{font-size:16px}body.ckcp-video-reader .product-panel{padding:16px}body.ckcp-video-reader .guide-product-photo img{max-height:60px;object-fit:contain}body.ckcp-video-reader .price-line strong{font-size:18px}
body.ckcp-reader :is(.guide-contents a,.guide-contents summary,.guide-discussion-shortcut,.guide-product-fold summary):focus-visible{outline:2px solid #607967;outline-offset:3px}
@media(max-width:900px){body.ckcp-reader main{width:calc(100% - 40px);max-width:850px}body.ckcp-reader .site-header{padding:14px 20px;min-height:64px;flex-wrap:nowrap}body.ckcp-reader .site-header nav{display:none}body.ckcp-reader .page-intro{padding:20px 0 22px;margin-bottom:0}body.ckcp-reader .page-intro h1{font-size:28px;letter-spacing:-.8px}body.ckcp-reader .breadcrumb{font-size:8px;padding-top:16px}body.ckcp-source-guide.ckcp-reader .workspace{grid-template-columns:minmax(0,1fr);gap:24px}.guide-reader-tools{top:0;z-index:3;background:#f6f7f2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-bottom:1px solid #d5ddd5;padding:6px 0}.guide-contents summary{min-height:44px;font-size:12px;gap:16px}.guide-contents nav{position:absolute;left:0;right:0;top:100%;background:#f6f7f2;max-height:60dvh;border:1px solid #d5ddd5;padding:12px;box-shadow:0 14px 22px #26372c12}.guide-discussion-shortcut{border:0;font-size:11px;padding:8px 0;min-height:44px;box-sizing:border-box}.guide-reader-help{display:none}.guide-product-fold{margin-top:24px}.guide-product-fold summary>span{display:none}body.ckcp-reader .ckcp-source-article .section-heading{margin-top:0}body.ckcp-reader .ckcp-source-body{font-size:15px}body.ckcp-reader .ckcp-support-launcher{right:12px;bottom:12px;display:flex;align-items:center;gap:6px}body.ckcp-reader #ckcp-support-open{min-height:40px;padding:9px 12px;font-size:11px}body.ckcp-reader #ckcp-support-open svg{width:16px}body.ckcp-reader .ckcp-support-launcher #ckcp-whatsapp{margin-top:0;min-height:40px;padding:9px 12px;font-size:11px}body.ckcp-reader #ckcp-support-status{position:absolute;bottom:48px;right:0}body.ckcp-reader .site-footer{padding-bottom:74px}body.ckcp-video-reader .workspace{grid-template-columns:minmax(0,1fr);gap:24px}body.ckcp-video-reader .page-intro{margin-bottom:24px}.guide-anchor,.guide-discussion,.discussion-thread{scroll-margin-top:76px}}
@media(prefers-reduced-motion:reduce){body.ckcp-reader{scroll-behavior:auto}}
/* Compact outline, wide instructions and a discussion stack aligned to each chapter. */
body.ckcp-source-guide.ckcp-reader main{max-width:1720px;width:calc(100% - 64px)}
body.ckcp-source-guide.ckcp-reader .site-header{padding-inline:max(32px,calc((100vw - 1720px)/2))}
body.ckcp-source-guide.ckcp-reader .workspace{grid-template-columns:132px minmax(0,1fr);gap:28px}
body.ckcp-source-guide .guide-contents summary{font-size:11px}
body.ckcp-source-guide .guide-contents nav a{font-size:10px;line-height:1.5;gap:7px;padding:8px 5px}
body.ckcp-source-guide .guide-contents nav a>span:first-child{font-size:9px}
body.ckcp-source-guide .guide-reader-help{display:none}
body.ckcp-source-guide .guide-discussion-shortcut{font-size:10px;line-height:1.5}
.guide-chapter{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start;padding:0 0 30px;min-width:0}
.guide-chapter-content{min-width:0}.guide-chapter-content>.guide-anchor{height:1px}.guide-chapter-content>:is(h2,h3){margin-top:18px}
body.ckcp-reader .ckcp-source-body .guide-chapter-content img{width:100%;max-width:100%;height:auto}
body.ckcp-reader .ckcp-source-body>.guide-chapter+.guide-chapter{border-top:1px solid #dce2dc;padding-top:16px}
body.ckcp-reader .ckcp-source-body>p{max-width:76ch}
.guide-discussion.chapter-discussion{margin:18px 0 0;padding:0;border-top:0;min-width:0;font:400 13px/1.6 'CKCP Manrope',Arial,sans-serif}
.chapter-stack{background:#eef2ed;border:1px solid #d9e0d7;border-radius:4px;padding:0 14px 14px;min-width:0}
.chapter-stack>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:11px;font-weight:600;cursor:pointer;list-style:none}
.chapter-stack>summary::-webkit-details-marker{display:none}.chapter-stack>summary:after{content:'+';font-size:16px}.chapter-stack[open]>summary:after{content:'−'}
.chapter-question-count{margin-left:auto;color:#586f5d;font-variant-numeric:tabular-nums}
.ckcp-source-body .chapter-context{font-size:10px;color:#687368;line-height:1.5;margin:0 0 14px;overflow-wrap:anywhere}
.chapter-discussion .discussion-thread{padding:14px 0;border-color:#cfd9cf}
.chapter-discussion .discussion-thread summary h3{font-size:13px;line-height:1.65;margin:8px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chapter-discussion .discussion-thread[open] summary h3{display:block;overflow:visible}
.chapter-discussion .discussion-thread summary>p{font-size:10px;line-height:1.6}
.chapter-discussion .discussion-location{display:none}.chapter-discussion .discussion-meta{font-size:10px;margin:0;line-height:1.6}
.chapter-discussion .discussion-replies{padding:12px 0 0;margin-top:12px;border-left:0}
.chapter-discussion .discussion-reply>p:not(.discussion-meta){font-size:12px;margin:8px 0;line-height:1.8}
.chapter-discussion .discussion-composer{padding:14px 0 0;margin-top:16px;background:transparent;border-top:1px solid #cfd9cf}
.chapter-discussion .discussion-composer h3{font-size:17px;line-height:1.4;margin:8px 0 16px}
.chapter-discussion .discussion-composer .eyebrow{font-size:9px;letter-spacing:.8px}
.chapter-discussion .discussion-hint{font-size:11px;line-height:1.7;margin:8px 0 14px}
.chapter-discussion :is(input,select,textarea){font-size:12px;padding:9px}.chapter-discussion label{font-size:11px}
.chapter-discussion button{font-size:11px;padding:8px 10px;min-height:38px}.chapter-ask{width:100%;margin-top:12px}
body.ckcp-source-guide #guide-discussion{max-width:1040px;margin-top:30px}
body.ckcp-source-guide .guide-product-fold{max-width:none;margin-left:160px}
@media(min-width:1201px) and (max-width:1450px){.guide-chapter{grid-template-columns:minmax(0,1fr) 244px;gap:20px}body.ckcp-source-guide.ckcp-reader .workspace{gap:20px;grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:1200px){.guide-chapter{grid-template-columns:minmax(0,1fr);gap:0}.guide-discussion.chapter-discussion{margin:0 0 12px}.chapter-stack{padding-bottom:0}.chapter-stack[open]{padding-bottom:14px}.chapter-stack>summary{min-height:46px}.chapter-discussion .discussion-thread summary h3{font-size:14px}.chapter-discussion :is(input,select,textarea){font-size:16px}.chapter-discussion .discussion-composer{max-width:720px}}
@media(max-width:900px){body.ckcp-source-guide.ckcp-reader main{width:calc(100% - 32px)}body.ckcp-source-guide.ckcp-reader .workspace{grid-template-columns:minmax(0,1fr);gap:20px}body.ckcp-source-guide .guide-contents summary{font-size:12px}body.ckcp-source-guide .guide-contents nav a{font-size:12px}body.ckcp-source-guide .guide-discussion-shortcut{font-size:11px}.guide-chapter{padding-bottom:20px}body.ckcp-source-guide .guide-product-fold{margin-left:0}body.ckcp-reader .ckcp-source-body .chapter-discussion p{font-size:12px}.chapter-discussion button{min-height:44px}.chapter-stack{padding-inline:12px}}
.chapter-stack:not([open]){padding-bottom:0}.chapter-stack+.chapter-stack{margin-top:16px}
.chapter-question-list{max-height:400px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.chapter-question-list:has(.discussion-thread[open]){max-height:min(70vh,780px)}
@media(max-width:1200px){.chapter-question-list{max-height:460px}}
@media(min-width:1201px){.guide-chapter>.chapter-discussion{position:sticky;top:24px}}

/* A direct, vehicle-aware way back works even when a guide opens from a QR code. */
body.ckcp-reader .breadcrumb.guide-list-return{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-top:18px;font-size:15px;letter-spacing:0;text-transform:none}
body.ckcp-reader a.guide-list-back{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;box-sizing:border-box;padding:9px 14px;border:1px solid #b8c1ba;color:#223027;background:#fff;font-size:15px;font-weight:550;line-height:1.5;letter-spacing:0;text-decoration:none;white-space:nowrap}
body.ckcp-reader a.guide-list-back:hover{border-color:#34473a;background:#edf1eb}
body.ckcp-reader a.guide-list-back:focus-visible{outline:2px solid #465f4d;outline-offset:3px}
body.ckcp-reader .guide-list-car{font-size:14px;line-height:1.5;color:#5a655d}
@media(max-width:900px){body.ckcp-reader .breadcrumb.guide-list-return{gap:10px 16px;padding-top:16px}body.ckcp-reader a.guide-list-back{font-size:15px}}
