/* Shared presentation for all /cas-usage/exemples/ pages. */
.use-case-example{background:#F8F9FC;overflow-x:visible}
.use-case-example .nav-links a.is-current-section{font-weight:700;color:var(--ink)}
.use-case-example .nav-links a.is-current-section::after{right:0}
.use-case-example .nav-links.is-open a{color:rgba(255,255,255,.85)}
.ucx-main{padding-top:30px;padding-bottom:76px;scroll-margin-top:100px}
.ucx-main:focus{outline:none}
.ucx-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--ink-2)}
.ucx-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.ucx-breadcrumb a:hover{color:var(--indigo);text-decoration:underline;text-underline-offset:4px}
.ucx-breadcrumb>span[aria-hidden]{color:var(--line-2)}
.ucx-heading{position:relative;padding:40px 0 44px;margin-bottom:42px;border-bottom:1px solid var(--line-2)}
.ucx-eyebrow{display:block;margin:0 0 18px;color:var(--indigo);font:800 11px/1.5 Manrope,sans-serif;letter-spacing:.095em;text-transform:uppercase}
.ucx-heading>.ucx-eyebrow{font-size:12px;margin-bottom:16px}
.ucx-heading h1{max-width:980px;margin-bottom:22px;font-size:clamp(38px,4.1vw,62px);text-wrap:balance}
.ucx-context{max-width:980px;display:flex;flex-wrap:wrap;gap:0 9px;color:var(--ink-2);font-size:16px;line-height:1.65}
.ucx-context span{color:#929AB1}
.ucx-example-tag{display:inline-flex;align-items:center;margin-top:20px;padding:5px 11px;border-radius:7px;background:#ECEAFF;color:#5145B8;font:700 11px/1.5 Manrope,sans-serif;letter-spacing:.015em}
.ucx-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);grid-template-areas:"situation person" "mission framework" "boundaries framework";column-gap:clamp(32px,4.5vw,72px);row-gap:32px;align-items:start}
.ucx-grid>*{min-width:0}
.ucx-situation{grid-area:situation;padding:8px 0 10px}
.ucx-situation h2{margin:0 0 25px;font-size:clamp(28px,2.6vw,39px);line-height:1.2;letter-spacing:-.03em;text-wrap:balance}
.ucx-prose{color:var(--ink-2);font-size:17px;line-height:1.8}
.ucx-prose p+p{margin-top:18px}
.ucx-person{grid-area:person;background:#fff;border-radius:24px;padding:26px;box-shadow:0 3px 6px rgba(11,14,32,.02),0 14px 40px rgba(11,14,32,.045)}
.ucx-person>.ucx-eyebrow{color:var(--ink-2);margin-bottom:21px}
.ucx-identity{display:flex;gap:16px;align-items:center}
.ucx-identity>div{min-width:0}
.ucx-portrait{display:block;width:88px;height:88px;flex:0 0 88px;object-fit:cover;object-position:center 32%;border-radius:50%;background:#EEEDFF}
.ucx-initials{display:grid;place-items:center;color:var(--indigo);font:800 28px/1 Manrope,sans-serif}
.ucx-identity h3{font-size:20px;line-height:1.25;margin:0 0 7px;overflow-wrap:anywhere}
.ucx-identity p{color:var(--ink-2);font-size:13px;line-height:1.55}
.ucx-identity>div>span{display:block;margin-top:3px;font-size:12px;color:var(--ink-2)}
.ucx-person-details{display:grid;gap:19px;margin:23px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.ucx-person-details dt{color:var(--ink-2);font-size:12px;margin-bottom:5px}
.ucx-person-details dd{margin:0;font-size:14px;line-height:1.55;color:var(--ink);font-weight:500}
.ucx-mission{grid-area:mission;border-radius:20px;padding:29px 32px;background:#ECECFC}
.ucx-mission .ucx-eyebrow{margin-bottom:13px}
.ucx-mission>p{font:700 20px/1.6 Manrope,sans-serif;letter-spacing:-.02em;color:#242647}
.ucx-boundaries{grid-area:boundaries;background:#F0F3F9;border-radius:18px;padding:26px 30px}
.ucx-boundaries h2{font-size:17px;line-height:1.4;letter-spacing:-.015em;margin:0 0 12px}
.ucx-boundaries p{font-size:15px;line-height:1.8;color:var(--ink-2)}
.ucx-framework{grid-area:framework;padding:5px 0 0}
.ucx-framework>.ucx-eyebrow{font-size:10px;margin-bottom:15px}
.ucx-framework h2{font-size:25px;line-height:1.25;margin:0 0 12px}
.ucx-framework-intro{font-size:14px;line-height:1.65;color:var(--ink-2)}
.ucx-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:21px}
.ucx-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.ucx-step-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--indigo);background:#EDEBFF;font:800 11px/1 Manrope,sans-serif}
.ucx-steps h3{font-size:14px;line-height:1.5;letter-spacing:-.01em;margin:3px 0 5px}
.ucx-steps p{font-size:13px;line-height:1.65;color:var(--ink-2)}
.ucx-difficulty{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--ink-2);border-top:1px solid var(--line-2);padding-top:18px;margin-top:25px}
.ucx-difficulty strong{font-weight:500;color:var(--ink)}
.ucx-closing{margin-top:52px;padding-top:26px;border-top:1px solid var(--line-2)}
.ucx-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ucx-back,.ucx-demo{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font:700 14px/1.5 Manrope,sans-serif;text-decoration:none;transition:background .2s,color .2s}
.ucx-back{padding:11px 18px;background:#fff;border:1px solid var(--line-2);border-radius:11px;color:var(--ink)}
.ucx-back:hover{background:#EEEDFF;color:var(--indigo)}
.ucx-demo{color:var(--indigo);padding:9px 0}
.ucx-demo:hover{text-decoration:underline;text-underline-offset:4px}
.ucx-disclaimer{font-size:12px;color:var(--ink-2);margin-top:22px;line-height:1.6}
@media(max-width:1100px){.ucx-grid{column-gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.ucx-person{padding:22px}.ucx-portrait{width:68px;height:68px;flex-basis:68px}.ucx-identity{gap:12px}.ucx-identity h3{font-size:18px}.ucx-mission{padding:25px}.ucx-mission>p{font-size:18px}}
@media(max-width:900px){.ucx-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"situation" "person" "mission" "boundaries" "framework";gap:28px}.ucx-heading{padding-top:30px;margin-bottom:30px}.ucx-person{padding:26px}.ucx-portrait{width:88px;height:88px;flex-basis:88px}.ucx-person-details{grid-template-columns:1fr 1fr;gap:24px}.ucx-framework{padding:8px 0 0}.ucx-steps{gap:22px}.ucx-steps h3{font-size:16px}.ucx-steps p,.ucx-framework-intro{font-size:15px}.ucx-framework h2{font-size:28px}.ucx-closing{margin-top:34px}}
@media(max-width:480px){.ucx-main{padding-top:18px;padding-bottom:50px}.ucx-breadcrumb{font-size:12px;gap:8px}.ucx-heading{padding:28px 0 30px}.ucx-heading h1{font-size:38px}.ucx-context{font-size:14px}.ucx-situation h2{font-size:28px}.ucx-prose{font-size:16px;line-height:1.75}.ucx-person{padding:23px;border-radius:20px}.ucx-person-details{grid-template-columns:1fr;gap:17px}.ucx-identity h3{font-size:19px}.ucx-identity{gap:14px}.ucx-portrait{width:72px;height:72px;flex-basis:72px}.ucx-mission,.ucx-boundaries{padding:23px}.ucx-mission>p{font-size:18px}.ucx-actions{flex-direction:column;align-items:flex-start;gap:14px}.ucx-framework>.ucx-eyebrow{max-width:28ch}.ucx-back{font-size:13px}.ucx-disclaimer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover{transform:none}}