/* Product-family extension. Protected shared type is inherited, with color-only
 * surface adjustments. Plain reading copy uses the canonical surface ink. */
.cb-hero{padding-bottom:42px}
.cb-hero-copy h1 em{color:#67d8d1;font-style:normal}.codebeamer-page .cb-hero-copy>p{color:var(--body-text-on-dark)}.cb-hero-copy>.ip-inline-link{width:max-content;max-width:100%;color:var(--body-text-on-dark)}
.cb-context-art{position:relative;margin:0;min-width:0;border:1px solid #426d7c;padding:26px;background:linear-gradient(135deg,#164656,#082b40)}
.cb-art-title{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid #3f6574;font-size:14px;line-height:1.6;color:#a9d2da}.cb-art-title img{object-fit:contain;width:44px;height:44px;flex:none}
.cb-art-title img{padding:6px;box-sizing:content-box;background:#f6fbfc}
.cb-meta,.codebeamer-page .wc-meta{display:block;font-size:14px;line-height:1.6;color:#188092;margin-bottom:14px}
.cb-context-art .cb-meta{color:#a2d9df}.cb-art-intent{margin:26px 0 0;padding-left:22px;border-left:2px solid #75d8d5}.cb-art-intent strong{font:500 clamp(1.6rem,2.2vw,2.1rem)/1.25 var(--font-display);letter-spacing:-.035em;color:#edf8f9}
.cb-art-connections{height:28px;display:grid;grid-template-columns:repeat(3,1fr);padding-inline:16.6%;position:relative}.cb-art-connections:before{content:"";position:absolute;left:16.6%;right:16.6%;bottom:0;height:1px;background:#4f8a99}.cb-art-connections i{width:1px;height:100%;background:#4f8a99;justify-self:center}.cb-art-connections i:nth-child(2){height:40px;margin-top:-12px}
.cb-context-art ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0}.cb-context-art li{padding:18px 9px;border-top:2px solid #4f8a99;background:#164657;color:#d7eef1;font-size:14px;line-height:1.5;text-align:center;min-width:0}.cb-context-art li .ms-icon{display:block;font-size:27px;color:#86dbd5;margin-bottom:10px}
.cb-art-review{display:flex;gap:18px;align-items:center;border-top:1px solid #4f8a99;padding-top:23px;margin-top:24px}.cb-art-review>.ms-icon{font-size:30px;color:#8dddd7}.cb-art-review strong{display:block;font:500 22px/1.3 var(--font-display);letter-spacing:-.025em;color:white}.cb-art-review div>span{display:block;font-size:14px;line-height:1.6;color:#abd2dc;margin-top:8px}.cb-context-art figcaption{font-size:14px;line-height:1.6;color:#abd2dc;margin-top:22px}
.cb-context-art:before{content:"";position:absolute;inset:-1px 0 auto;height:2px;background:linear-gradient(90deg,transparent,#76d9d5,transparent);background-size:200% 100%;animation:cb-context-trace 10s linear infinite;animation-play-state:paused;pointer-events:none}.cb-context-art.ip-animation-active:before{animation-play-state:running}@keyframes cb-context-trace{from{background-position:200% 0}to{background-position:0 0}}

.cb-outcomes{background:#eff7f8;border-bottom:1px solid var(--pr-line);padding:35px 0}.cb-outcomes>.ip-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.cb-outcomes article{display:flex;gap:18px;min-width:0}.cb-outcomes .ms-icon{font-size:28px;color:#188a9b;flex:none}.cb-outcomes h2{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}.cb-outcomes p{margin:0}
.cb-study{position:relative;background:#072b40;color:white}.cb-study h2{color:white}.cb-study h2 em{color:#79d9d3}.cb-study .ip-label{color:#9ad9dc}.codebeamer-page .cb-study p,.codebeamer-page .cb-study dd{color:var(--body-text-on-dark)}
.cb-study .cb-meta{color:#9cd7dc}.cb-scenario{border-left:2px solid #73d3d0;padding:4px 0 4px 24px;margin-bottom:38px;max-width:900px}.codebeamer-page .cb-scenario>p{font-size:22px;line-height:1.5;margin:0}.cb-study-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:start}
.cb-compare{margin:0;min-width:0;position:relative}.cb-compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cb-snapshot{min-width:0;padding:25px 23px;background:#103b4e;border-top:2px solid #5b8d9a}.cb-snapshot.cb-working{background:#164958;border-top-color:#7ad8d2}.cb-snapshot h3{font:500 25px/1.3 var(--font-display);letter-spacing:-.035em;margin:0 0 25px;color:white}.cb-snapshot ul{padding:0;margin:0;list-style:none}.cb-snapshot li{position:relative;font-size:16px;line-height:1.7;padding:17px 0 17px 18px;border-top:1px solid #3d6978;color:var(--body-text-on-dark);transition:color .3s,border-color .3s}.cb-snapshot li>i{position:absolute;top:27px;left:0;width:5px;height:5px;background:#658e9c;transition:background .3s,box-shadow .3s}
.cb-study:has(details[data-context=definition][open]) .cb-record-definition,.cb-study:has(details[data-context=verification][open]) .cb-record-verification,.cb-study:has(details[data-context=configuration][open]) .cb-record-configuration{border-top-color:#80ddd5}
.cb-study:has(details[data-context=definition][open]) .cb-record-definition>i,.cb-study:has(details[data-context=verification][open]) .cb-record-verification>i,.cb-study:has(details[data-context=configuration][open]) .cb-record-configuration>i{background:#91e8dd;box-shadow:0 0 10px #6cdac733}
.cb-compare-rail{height:28px;border:1px solid #4e7d8c;border-top:0;margin:0 14%;position:relative}.cb-compare-rail:after{content:"";position:absolute;left:50%;top:100%;height:18px;width:1px;background:#4e7d8c}.cb-compare-rail span{position:absolute;left:calc(50% - 3px);bottom:-3px;width:6px;height:6px;background:#82d6d4;animation:cb-context-breath 8s ease-in-out infinite;animation-play-state:paused}.cb-compare.ip-animation-active .cb-compare-rail span{animation-play-state:running}@keyframes cb-context-breath{0%,100%{box-shadow:0 0 0 0 #73d7ce00}50%{box-shadow:0 0 14px 4px #73d7ce22}}
.cb-compare figcaption{font-size:14px;line-height:1.7;color:#a9cdd7;margin:32px 0 0}.cb-review-briefs details{border-top:1px solid #426e7e}.cb-review-briefs details:last-child{border-bottom:1px solid #426e7e}.cb-review-briefs summary{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:20px;align-items:center;padding:21px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:500;line-height:1.5;color:#e8f5f7}.cb-review-briefs summary::-webkit-details-marker{display:none}.cb-review-briefs summary>i{display:grid;place-items:center;width:32px;height:32px;border:1px solid #669cac;color:#a0e4dd;font-style:normal;font-size:22px;transition:transform .22s}.cb-review-briefs details[open]>summary>i{transform:rotate(45deg)}
.cb-brief-body{padding:0 0 25px}.cb-brief-body h3{font-size:23px;font-weight:500;line-height:1.4;color:white;margin:7px 0 23px}.cb-brief-body dl{margin:0 0 24px;padding-left:18px;border-left:1px solid #527c89}.cb-brief-body dl>div+div{margin-top:20px}.cb-brief-body dt{font-size:14px;color:#a6d8df;line-height:1.6;margin-bottom:7px}.cb-brief-body dd{font-size:16px;line-height:1.75;margin:0}.codebeamer-page .cb-brief-body p{font-size:16px;line-height:1.75;margin:0}.codebeamer-page .cb-study-note{font-size:16px;margin:36px 0 20px;max-width:1050px}.cb-study .pr-source-links a{color:#a7e4df}.cb-study .pr-source-links a:is(:hover,:focus-visible){color:var(--link-hover-on-dark)}
.codebeamer-page .pr-cap-panels>article+article{border-top:1px solid var(--pr-line)}.codebeamer-page .pr-example p,.codebeamer-page .pr-cap-bottom>p{font-size:16px}.codebeamer-page .pr-cap-bottom>p{line-height:1.75}.codebeamer-page .pr-section-heading>p{font-size:16px}

.cb-ai{display:grid;grid-template-columns:1.5fr 1fr;gap:9%;align-items:center;padding:38px;border:1px solid var(--pr-line);background:#edf7f8}.cb-ai h3{font-size:28px;line-height:1.3;letter-spacing:-.035em;font-weight:500;margin:18px 0}.cb-ai p{margin:20px 0 0}.cb-ai .ip-inline-link{color:#246b81}
.cb-page-sources{border-top:1px solid var(--pr-line);padding:25px 0 35px;font-size:14px;line-height:1.7;color:#527584}.cb-page-sources>span{display:block;margin-bottom:12px}
.codebeamer-page .cb-ai .ip-inline-link:is(:hover,:focus-visible){color:var(--link-hover)}
@media(max-width:1100px){.cb-hero-copy h1{font-size:3.2rem}.cb-context-art{padding:22px}.cb-study-grid{grid-template-columns:1fr;gap:40px}.cb-compare-pair{gap:30px}.cb-outcomes>.ip-wrap{gap:25px}.cb-outcomes article{display:block}.cb-outcomes .ms-icon{display:block;margin-bottom:18px}.cb-ai{grid-template-columns:1fr;gap:30px}}
@media(max-width:850px){.codebeamer-page .ip-section-heading>p{font-size:16px}.cb-context-art{max-width:650px;width:100%;justify-self:center}.cb-outcomes>.ip-wrap{grid-template-columns:1fr;gap:24px}.cb-outcomes article{display:flex;gap:20px}.cb-outcomes article+article{border-top:1px solid var(--pr-line);padding-top:24px}.cb-outcomes .ms-icon{margin:0}}
@media(max-width:700px){.cb-hero-copy h1{font-size:clamp(2.6rem,8vw,3.4rem)}.codebeamer-page .cb-hero-copy>p{font-size:16px}.cb-ai{padding:26px 22px}.cb-scenario{padding-left:18px}.codebeamer-page .cb-scenario>p{font-size:20px}.cb-compare-pair{gap:16px}.cb-snapshot{padding:22px 18px}.cb-snapshot h3{font-size:23px}.cb-review-briefs summary{font-size:16px}}
@media(max-width:480px){.cb-art-title{gap:12px}.cb-context-art ul{gap:8px}.cb-context-art li{padding:16px 5px}.cb-context-art{padding:22px 18px}.cb-compare-pair{grid-template-columns:1fr;gap:24px}.cb-snapshot{padding:24px}.cb-compare-rail{display:none}.cb-compare figcaption{margin-top:23px}.cb-snapshot li>i{box-shadow:none}.cb-outcomes>.ip-wrap{gap:22px}.cb-context-art:before{animation:none}.cb-compare-rail span{animation:none}}
@media(prefers-reduced-motion:reduce){.cb-context-art:before,.cb-compare-rail span{animation:none}.cb-snapshot li,.cb-snapshot li>i,.cb-review-briefs summary>i{transition:none}}
@media(max-width:480px){.codebeamer-page .pr-deployment-grid h3{font-size:2rem}.codebeamer-page .pr-tabs button{padding-inline:10px}.cb-review-briefs summary>span{min-width:0;overflow-wrap:anywhere}}

/* Published product image. Deliberate highlights never modify the source records. */
.cb-image-study{margin:0;min-width:0;background:#062437;color:#fff;padding:24px;position:relative}.cb-image-study::before,.cb-image-study::after{content:'';position:absolute;width:42px;height:42px;pointer-events:none;border-color:#83b8c4;border-style:solid}.cb-image-study::before{top:12px;left:12px;border-width:1px 0 0 1px}.cb-image-study::after{bottom:12px;right:12px;border-width:0 1px 1px 0}
.cb-image-heading h2{font:500 clamp(1.35rem,2vw,1.7rem)/1.3 var(--font-display);letter-spacing:-.035em;margin:0 0 10px}.product-page .cb-image-heading p{font-size:16px;line-height:1.65;color:var(--body-text-on-dark);margin:0 0 18px}
.cb-image-stage{position:relative;background:#e9f5f4;isolation:isolate}.cb-image-stage img{display:block;width:100%;height:auto;object-fit:contain}.cb-image-region{position:absolute;border:2px solid #087c91;box-shadow:0 0 0 2px rgba(255,255,255,.85);pointer-events:none;transition:left .22s,top .22s,width .22s,height .22s}
.cb-image-study [hidden]{display:none}.cb-image-tools{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:18px}.cb-image-choices{display:flex;flex-wrap:wrap;gap:8px}.cb-image-choices button{padding:8px 12px;min-height:44px;border:1px solid #7395a5;background:transparent;color:var(--body-text-on-dark);font:500 14px/1.5 var(--font-body);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.cb-image-choices button[aria-pressed="true"]{background:#a6ece4;border-color:#a6ece4;color:#073449}.cb-image-choices button:hover{border-color:var(--cyan)}.cb-image-choices button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.cb-image-enlarge,.cb-image-native{font:400 14px/1.7 var(--font-body);color:#a6ece4;background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.cb-image-enlarge:is(:hover,:focus-visible),.cb-image-native:is(:hover,:focus-visible){color:var(--cyan)}.cb-image-enlarge:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.cb-image-notes{margin-top:16px}.cb-image-notes h3{font:500 18px/1.4 var(--font-display);margin:0 0 6px;color:#fff}.product-page .cb-image-notes p{font-size:16px;line-height:1.65;color:var(--body-text-on-dark);margin:0}.cb-image-notes>div+div{margin-top:14px}.cb-image-notes>div[hidden]+div{margin-top:0}.cb-image-study figcaption{font-size:14px;line-height:1.7;color:var(--body-text-on-dark);margin-top:16px;padding-top:14px;border-top:1px solid #527a8b}.cb-image-study figcaption a{color:#a6ece4;text-decoration:underline;text-underline-offset:4px}.cb-image-study figcaption a:is(:hover,:focus-visible){color:var(--cyan)}
.cb-image-dialog{width:min(1200px,94vw);max-width:94vw;max-height:92vh;padding:24px;border:1px solid #527a8b;background:#f3f8f9;color:#0a344a;box-sizing:border-box}.cb-image-dialog::backdrop{background:rgba(2,18,28,.85)}.cb-image-dialog-head{display:flex;gap:20px;align-items:start;justify-content:space-between;margin-bottom:18px}.cb-image-dialog h2{font:600 clamp(1.3rem,2vw,1.8rem)/1.3 var(--font-display);letter-spacing:-.03em;margin:0}.cb-image-dialog button{font:500 16px/1.5 var(--font-body);padding:8px 14px;background:#0a344a;color:#fff;border:1px solid #0a344a;cursor:pointer;min-height:44px;flex-shrink:0}.cb-image-dialog button:is(:hover,:focus-visible){background:#176b98}.cb-image-dialog button:focus-visible,.cb-image-detail:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.cb-image-dialog-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:18px}.product-page .cb-image-dialog-tools p{color:var(--body-text);font-size:14px;line-height:1.7;margin:0}.cb-image-detail{max-height:calc(92vh - 230px);overflow:auto;scrollbar-color:#4a9cab #e8f4f5;border:1px solid #a5c4cc;background:#e9f5f4}.cb-image-detail img{display:block;width:100%;height:auto;max-width:none}.cb-image-detail.is-zoomed img{width:1917px}.product-page .cb-image-dialog-caption{font-size:14px;line-height:1.7;color:var(--body-text);margin:16px 0 0}.cb-image-dialog-caption a{color:#106d83;text-decoration:underline;text-underline-offset:4px}.cb-image-dialog-caption a:is(:hover,:focus-visible){color:var(--cyan)}
@media(max-width:1000px){.cb-image-study{padding:20px}.cb-image-tools{gap:14px}}
@media(max-width:850px){.cb-image-study{max-width:700px}.cb-hero-grid{gap:28px}.cb-image-notes p{max-width:650px}}
@media(max-width:600px){.cb-image-study{padding:18px}.cb-image-heading h2{font-size:24px}.cb-image-tools{margin-top:14px}.cb-image-dialog{padding:16px}.cb-image-dialog-head{gap:12px;flex-wrap:wrap}.cb-image-detail{max-height:calc(92vh - 260px)}}
@media(prefers-reduced-motion:reduce){.cb-image-region,.cb-image-choices button{transition:none}}

/* Keep the existing page rhythm; condense internal reading and CTA blocks. */

/* The dedicated requirements image retains accessible reading labels
 * without repeating the selected button as another visible headline. */
.cb-image-title,.cb-image-notes h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cb-image-study figcaption{font-size:14px;margin-top:14px;padding-top:12px}.cb-image-enlarge{min-height:44px}.cb-image-tools{margin-top:16px}.cb-image-notes{margin-top:12px}
.codebeamer-page .ip-section-heading{margin-bottom:32px;gap:clamp(24px,4vw,52px)}
.cb-scenario{margin-bottom:28px}.cb-compare-pair{gap:24px}.cb-snapshot{padding:22px}.cb-snapshot h3{margin-bottom:18px}.cb-snapshot li{padding-block:15px}.cb-brief-body{padding-bottom:20px}.cb-brief-body h3{margin-bottom:16px}.cb-brief-body dl{margin-bottom:18px}.cb-brief-body dl>div+div{margin-top:14px}.codebeamer-page .cb-study-note{margin:24px 0 18px}
.cb-cap-image{margin:28px 0 0;padding-top:28px;border-top:1px solid var(--pr-line)}.cb-cap-image img{display:block;width:100%;height:auto;border:1px solid var(--pr-line)}.cb-cap-image>a{display:block}.cb-cap-image>a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.cb-cap-image figcaption{font-size:14px;line-height:1.7;color:var(--body-text);margin-top:12px}.cb-cap-image figcaption a{color:#246b81;text-decoration:underline;text-underline-offset:4px}.cb-cap-image figcaption a:is(:hover,:focus-visible){color:var(--cyan)}

/* An optional extension of the delivery discussion, using the family's open
 * two-column scoping layout rather than a detached additional card. */
.cb-ai{grid-template-columns:1fr 1.4fr;align-items:start;margin-top:32px;padding:28px 0 0;border:0;border-top:1px solid var(--pr-line);background:transparent;gap:clamp(24px,4vw,52px)}.cb-ai h3{margin:0;font-size:clamp(1.7rem,2.5vw,2.2rem)}.cb-ai p{margin:0 0 14px}.cb-ai .ip-inline-link{width:max-content;max-width:100%;margin-top:20px}.cb-ai .ip-label{margin-bottom:14px}
@media(max-width:850px){.cb-image-study{width:100%;justify-self:center}.cb-ai{grid-template-columns:1fr;gap:24px}.codebeamer-page .ip-section-heading{margin-bottom:28px}}
@media(max-width:700px){.cb-ai{padding:24px 0 0}.cb-cap-image{margin-top:24px;padding-top:24px}}

/* The original hero image now has one full-width reading section. Shared product
   hero geometry, image frame and corners/caption are inherited unchanged. */
.cb-requirements-view .cb-image-study{width:100%;max-width:none;margin-inline:0}

/* Native artwork follows Creo’s shared hero dimensions and responsive frame.
   Brand polygons stay intact inside a gently pulsing wrapper. Two light segments
   follow the surrounding connector
   rails instead of scanning across the logo or hero copy. The existing shared
   observer gates playback for visibility, document state and motion preference. */
.cb-logo-vector{display:block;width:100%;height:100%;pointer-events:none}
/* Requested unframed presentation: preserve the shared stage geometry while
   removing its separate rectangular mat and image-caption gradient. */
.cb-hero-brand{background:transparent}
/* Keep shared frame/grid geometry; allow enlarged copy to grow and wrap. */
.codebeamer-page .cb-hero .pr-hero-grid{max-height:none}
.cb-hero-copy{min-width:0}
.cb-hero-copy :is(h1,p,a){overflow-wrap:anywhere}
.cb-hero-brand:after{content:none}
/* Pulse only the mark: the extra SVG wrapper preserves its authored transform.
   Paused by default so no-JS views stay still; the existing shared gate owns it. */
.cb-hero-brand .cb-logo-pulse{transform-box:fill-box;transform-origin:center;animation:cb-logo-pulse 3.6s ease-in-out infinite;animation-play-state:paused}
.cb-hero-brand.ip-animation-active .cb-logo-pulse{animation-play-state:running}
@keyframes cb-logo-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.cb-hero-brand .cb-logo-pulse{animation:none;transform:none}}
/* A single echo follows the pulse peak outside the pale platform, then fades.
   It shares the pulse clock/gate; there is no separate runtime or pointer effect. */
.cb-hero-brand .cb-logo-ripple{transform-box:fill-box;transform-origin:center;opacity:0;animation:cb-logo-ripple 3.6s ease-out infinite;animation-play-state:paused}
.cb-hero-brand.ip-animation-active .cb-logo-ripple{animation-play-state:running}
@keyframes cb-logo-ripple{0%,50%{opacity:0;transform:scale(1.015)}55%{opacity:.42;transform:scale(1.025)}95%,100%{opacity:0;transform:scale(1.28)}}
@media(prefers-reduced-motion:reduce){.cb-hero-brand .cb-logo-ripple{display:none;animation:none;opacity:0}}
.cb-hero-brand .cb-logo-signal{fill:none;stroke:#63d7d4;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 92;opacity:0;animation:cb-logo-trace 14s linear infinite;animation-play-state:paused}
.cb-hero-brand .cb-logo-signal+.cb-logo-signal{animation-delay:-7s}
.cb-hero-brand.ip-animation-active .cb-logo-signal{animation-play-state:running}
@keyframes cb-logo-trace{0%{stroke-dashoffset:100;opacity:0}18%{opacity:0}28%,65%{opacity:.7}85%,100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.cb-hero-brand .cb-logo-signal{display:none;animation:none}}

/* Compact open tool scopes replace the former card pair and detached link rail.
   Each action stays with its explanation. Subject artwork responds only to
   existing row hover/focus, with no extra tab stops or passive animation. */
.codebeamer-page .cb-connections>.ip-section-heading{margin-bottom:28px}
.codebeamer-page .cb-connections>.ip-section-heading>*{min-width:0;overflow-wrap:anywhere}
.cb-connection-ledger{border-bottom:1px solid var(--pr-line)}
.cb-connection-row{display:grid;grid-template-columns:minmax(235px,.9fr) minmax(0,1.35fr) minmax(190px,.7fr);gap:clamp(20px,2.5vw,36px);align-items:start;min-width:0;border-top:1px solid var(--pr-line);padding:24px 0;transition:border-color .5s}
.cb-connection-name{display:flex;align-items:center;gap:16px;min-width:0}
.cb-connection-art{display:block;flex:0 0 72px;width:72px;height:auto;pointer-events:none}
.cb-connection-name h3{font:500 clamp(1.35rem,1.8vw,1.55rem)/1.3 var(--font-display);letter-spacing:-.03em;margin:0;min-width:0;overflow-wrap:anywhere}
.cb-connection-copy{margin:0;color:var(--body-text);min-width:0}
.cb-connection-action{min-width:0;padding-top:4px}
.cb-connection-action .ms-icon,.cb-category-link .ms-icon{flex-shrink:0}
.cb-connection-accent{stroke:currentColor;color:#178e9c;transition:color .5s}
.cb-connection-wash{fill:#edf7f8;transition:fill .5s}
.cb-connection-row:is(:hover,:focus-within){border-top-color:var(--process-step-hover)}
.cb-connection-row:is(:hover,:focus-within) .cb-connection-accent{color:var(--process-step-hover)}
.cb-connection-row:is(:hover,:focus-within) .cb-connection-wash{fill:#dff5f2}
.cb-connection-guidance{margin-top:22px;padding:20px 24px;background:#edf7f8;border-left:2px solid #83c5cb}
.cb-connection-guidance p{margin:0;color:var(--body-text)}
.cb-connection-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.4fr);align-items:start;gap:24px;margin-top:22px;padding-top:20px;border-top:1px solid var(--pr-line)}
.cb-category-note{min-width:0}
.cb-category-note summary{cursor:pointer;font-size:16px;line-height:1.65;font-weight:500}
.cb-category-note summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.cb-category-note p{margin:12px 0 0;color:var(--body-text);max-width:70ch}
.cb-category-link{min-width:0}
/* Destination focus belongs to the retained sections, independent of retired More. */
.codebeamer-page :is(#connections,#deployment,#cb-benefit-templates){scroll-margin-top:104px}
.codebeamer-page :is(#connections,#deployment,#cb-benefit-templates):focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
@media(max-width:1050px){.cb-connection-row{grid-template-columns:minmax(210px,.8fr) minmax(0,1.35fr);gap:14px 24px}.cb-connection-name{grid-row:1/3}.cb-connection-action{grid-column:2;max-width:300px;padding-top:0}}
@media(max-width:700px){.cb-connection-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 0}.cb-connection-name{grid-row:auto;gap:14px}.cb-connection-art{flex-basis:64px;width:64px}.cb-connection-action{grid-column:auto;width:100%;max-width:320px}.cb-connection-guidance{padding:18px;margin-top:20px}.cb-connection-footer{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}.cb-category-link{max-width:320px}}
@media(prefers-reduced-motion:reduce){.cb-connection-row,.cb-connection-accent,.cb-connection-wash{transition:none}}

/* Inherit Creo’s shared chapter surface, type, spacing and responsive grid.
 * Measure only the sticky stack, keeping full labels and native fragments. */
.codebeamer-page{--cb-header-height:var(--site-header-height,84px);--cb-anchor-offset:calc(var(--site-header-height,84px) + 6rem)}
.cb-page-nav{top:var(--cb-header-height)}
.cb-page-nav>.ip-wrap>div{min-width:0}
.cb-page-nav a{min-width:0;white-space:normal}
.cb-page-nav a b{min-width:0;overflow-wrap:anywhere}
.codebeamer-page #main-content [id]{scroll-margin-top:var(--cb-anchor-offset)}
@media(max-width:850px){.codebeamer-page{--cb-header-height:var(--site-header-height,84px);--cb-anchor-offset:calc(var(--site-header-height,84px) + 6rem)}}
@media(max-width:600px){.codebeamer-page{--cb-anchor-offset:calc(var(--site-header-height,84px) + 10rem)}}

/* Keep the shared FAQ type and layout; long words reflow under enlarged text. */
.codebeamer-page #faq :is(h2,p,summary>span){overflow-wrap:anywhere}

/* Keep baseline context within its reading lane when browser text is enlarged. */
.cb-study .ip-section-heading>*{min-width:0;overflow-wrap:anywhere}