/* Shared use-case explorer. One server-rendered instance per page. */
.use-case-explorer{--paper:#f8f7f2;--dark:#222b27;--ink:#242c28;--accent:#b7442d;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:"Segoe UI",Arial,sans-serif;font:16px/1.6 var(--sans)}
.use-case-explorer .observe-inner{width:min(var(--use-case-width,1360px),calc(100% - 112px));margin-inline:auto}
.use-case-explorer h2{margin:0;padding:0;border:0;font-weight:400;line-height:1.07;letter-spacing:-2.5px}
.use-case-explorer h3{margin:0 0 14px;padding:0;font-weight:400;line-height:1.3;letter-spacing:-.65px}
.use-case-explorer p,.use-case-explorer figure{margin-top:0}
.use-case-explorer .decision-walkthrough>li{margin:0}
.use-case-explorer button{font:inherit;cursor:pointer}
.use-case-explorer a{color:inherit;text-decoration:none}
.use-case-explorer .mono{font-family:var(--mono)}
.use-case-explorer .eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.25px;margin:0 0 26px}
.use-case-explorer :is(button,a,summary,[tabindex="0"]):focus-visible{outline:2px solid #eebc9b;outline-offset:6px}
.use-case-explorer .text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;line-height:1.6}
.use-case-explorer .text-link:hover{text-decoration:none}
.use-case-explorer .text-link:hover [data-case-try-label]{text-decoration:underline;text-underline-offset:5px}
.use-case-explorer .text-link-arrow{display:block;flex:none;width:20px;height:20px}
.use-case-explorer .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.use-case-explorer .observe-inner{width:calc(100% - 72px)}}
@media(max-width:600px){.use-case-explorer .observe-inner{width:calc(100% - 40px)}.use-case-explorer h2{letter-spacing:-1.8px}.use-case-explorer .eyebrow{font-size:9px;margin-bottom:21px}}
@media(max-width:370px){.use-case-explorer .observe-inner{width:calc(100% - 32px)}}
.use-case-explorer.observe-section{background:var(--dark);color:var(--paper);padding-block:83px 86px}
.use-case-explorer .observe-inner{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:115px}
.use-case-explorer .decision-demo{min-width:0;margin:0}
.use-case-explorer .demo-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:9px;color:#b9c2b3;letter-spacing:.6px}
.use-case-explorer .example-label{font-size:10px;letter-spacing:0}
.use-case-explorer .input-card{border:1px solid #566051;background:#29322d;padding:21px 24px}
.use-case-explorer .card-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;letter-spacing:.7px;color:#abb7a6}
.use-case-explorer .file-label{font:10px var(--mono);letter-spacing:0}
.use-case-explorer .message-subject{font-size:14px;font-weight:500;margin:16px 0 7px;color:#e9eade}
.use-case-explorer .input-card p{font-size:13px;line-height:1.8;color:#b7c1af;margin:0}
.use-case-explorer .connection{height:46px;display:flex;align-items:center;justify-content:center;gap:12px}
.use-case-explorer .connection-line{height:1px;width:35px;background:#65705f}
.use-case-explorer .engine-label{font:10px var(--mono);display:flex;align-items:center;gap:8px;color:#bdc7b6}
.use-case-explorer .engine-label img{filter:invert(1);opacity:.8}
.use-case-explorer .engine-divider{color:#7d8b75;padding-inline:5px}
.use-case-explorer .output-card{border:1px solid #92997e;background:#ebedde;color:var(--ink);padding:22px 24px 0}
.use-case-explorer .output-card .card-label{color:#59614f}
.use-case-explorer .output-label{font-size:9px;border:1px solid #babfaf;padding:1px 5px;letter-spacing:0}
.use-case-explorer .answer-tabs{display:grid;grid-template-columns:1.13fr 1fr 1fr;gap:12px;margin-top:21px;border-bottom:1px solid #c6ccbb}
.use-case-explorer .answer-tabs button{position:relative;border:0;background:none;text-align:left;color:#66705c;font-size:11px;white-space:nowrap;padding:0 0 11px}
.use-case-explorer .answer-tabs button>span{display:block;font:9px var(--mono);margin-top:3px;color:#66705c}
.use-case-explorer .answer-tabs button[aria-selected="true"]{color:var(--accent)}
.use-case-explorer .answer-tabs button[aria-selected="true"]::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent)}
.use-case-explorer .answer-panel{min-height:205px;padding:23px 0 22px}
.use-case-explorer .answer-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:24px}
.use-case-explorer .answer-value{font:30px/1.2 var(--mono);letter-spacing:-1.4px;display:flex;align-items:center;gap:14px}
.use-case-explorer .answer-check{color:var(--accent);font-size:23px}
.use-case-explorer .answer-probability{font:24px/1.2 var(--mono);text-align:right;color:var(--accent)}
.use-case-explorer .answer-probability small{display:block;font:9px var(--mono);color:#67715b;margin-top:6px}
.use-case-explorer .answer-probability.label-only{font-size:14px}
.use-case-explorer .scale-note{font-size:20px;color:#77816d}
.use-case-explorer .distribution{display:grid;gap:10px}
.use-case-explorer .distribution-row{display:grid;grid-template-columns:72px 1fr 57px;gap:13px;align-items:center;font:10px/1.2 var(--mono);color:var(--accent)}
.use-case-explorer .distribution-row>span:last-child{text-align:right}
.use-case-explorer .track{height:4px;background:#ccd1be;overflow:hidden}
.use-case-explorer .track>span{display:block;width:var(--value);height:100%;min-width:2px;background:var(--accent)}
.use-case-explorer .distribution-row.secondary{color:#606957}
.use-case-explorer .distribution-row.secondary .track>span{background:#8b987d}
.use-case-explorer .output-footer{border-top:1px solid #c6ccbb;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;font-size:9px;color:#647057}
.use-case-explorer .output-footer .mono{font-size:8px}
.use-case-explorer .braces{color:var(--accent);font:12px var(--mono);margin-right:6px}
.use-case-explorer .demo-caption{font:9px var(--mono);color:#abb7a1;margin:16px 0 0;text-align:center}
@media(max-width:1150px){.use-case-explorer .observe-inner{gap:65px;grid-template-columns:.8fr 1fr}
.use-case-explorer .output-footer>.mono{display:none}}
@media(max-width:900px){.use-case-explorer.observe-section{padding-block:64px}
.use-case-explorer .observe-inner{grid-template-columns:1fr;gap:42px}
.use-case-explorer .decision-demo{width:100%;max-width:600px;margin-inline:auto}
.use-case-explorer .output-footer>.mono{display:block}}
@media(max-width:600px){.use-case-explorer.observe-section{padding-block:51px 45px}
.use-case-explorer .observe-inner{gap:33px}
.use-case-explorer .demo-topline{font-size:8px;letter-spacing:.3px;gap:7px}
.use-case-explorer .example-label{font-size:8px}
.use-case-explorer .input-card{padding:18px 16px}
.use-case-explorer .card-label{font-size:8px;letter-spacing:.3px;gap:5px}
.use-case-explorer .file-label{font-size:8px}
.use-case-explorer .message-subject{font-size:13px}
.use-case-explorer .input-card p{font-size:12px}
.use-case-explorer .connection{height:42px}
.use-case-explorer .engine-label{font-size:9px;gap:6px}
.use-case-explorer .output-card{padding:18px 16px 0}
.use-case-explorer .answer-tabs{gap:7px}
.use-case-explorer .answer-tabs button{font-size:10px}
.use-case-explorer .answer-tabs button>span{font-size:8px}
.use-case-explorer .answer-head{gap:10px;margin-bottom:24px}
.use-case-explorer .answer-value{font-size:26px;gap:9px}
.use-case-explorer .answer-probability{font-size:22px}
.use-case-explorer .answer-probability small{font-size:8px}
.use-case-explorer .answer-probability.label-only{font-size:13px}
.use-case-explorer .answer-panel{min-height:197px;padding-top:23px}
.use-case-explorer .distribution-row{grid-template-columns:62px 1fr 48px;font-size:9px;gap:9px}
.use-case-explorer .output-footer{font-size:8px}
.use-case-explorer .output-footer>.mono{display:none}
.use-case-explorer .demo-caption{font-size:8px}}
.use-case-explorer .observe-inner{display:block}
.use-case-explorer .walkthrough-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}
.use-case-explorer .walkthrough-heading .eyebrow{color:#d1a98f}
.use-case-explorer .walkthrough-heading h2{font-size:clamp(38px,4.2vw,59px)}
.use-case-explorer .walkthrough-heading>p{font-size:15px;line-height:1.9;color:#bdc7b8;max-width:410px;margin:0 0 3px}
.use-case-explorer .decision-walkthrough{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.use-case-explorer .walk-card{position:relative;min-width:0;padding:25px 25px 26px;background:#f1f1e7;color:var(--ink)}
.use-case-explorer .walk-card+.walk-card::before{content:'→';position:absolute;top:132px;left:-20px;font:22px/1 var(--sans);color:#d4b298}
.use-case-explorer .walk-step{display:flex;align-items:baseline;gap:12px;min-height:27px}
.use-case-explorer .walk-step>span{font:10px var(--mono);color:var(--accent);flex-shrink:0}
.use-case-explorer .walk-step h3{font-size:18px;font-weight:500;letter-spacing:-.3px;line-height:1.4;margin:0}
.use-case-explorer .walk-art{height:194px;display:flex;align-items:center;justify-content:center;margin:9px -8px 9px}
.use-case-explorer .walk-art img{display:block;width:100%;max-width:280px;height:auto}
.use-case-explorer .walk-example{font-size:20px;line-height:1.4;letter-spacing:-.4px;margin:0;min-height:62px}
.use-case-explorer .walk-answer{color:var(--accent);font-size:26px;line-height:1.1}
.use-case-explorer .walk-probability{display:block;font:11px/1.5 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:#58614f;margin-top:8px}
.use-case-explorer .walk-caption{font-size:12px;line-height:1.8;color:#626b59;border-top:1px solid #cbd0bf;padding-top:15px;margin:13px 0 0}
.use-case-explorer .walkthrough-foot{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:23px}
.use-case-explorer .walkthrough-foot>p{font-size:11px;line-height:1.8;color:#b6c2ae;margin:0}
.use-case-explorer .walkthrough-foot>p a{color:#d6dece;text-decoration:underline;text-underline-offset:3px}
.use-case-explorer .walkthrough-foot .text-link{color:#edd2bb;white-space:nowrap}
.use-case-explorer .full-observation{border-top:1px solid #53604c;border-bottom:1px solid #53604c;margin-top:32px}
.use-case-explorer .full-observation>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:14px;color:#dde5d6}
.use-case-explorer .full-observation>summary::-webkit-details-marker{display:none}
.use-case-explorer .full-observation>summary>span{font:22px/1 var(--mono);color:#d1a98f;transition:transform .15s}
.use-case-explorer .full-observation[open]>summary>span{transform:rotate(45deg)}
.use-case-explorer .full-observation>summary:hover{color:#f3d5be}
.use-case-explorer .full-observation>summary:focus-visible{outline-color:#eebc9b}
.use-case-explorer .full-observation-intro{font-size:14px;line-height:1.85;max-width:600px;color:#b6c2ae;margin:5px auto 25px}
.use-case-explorer .full-observation .decision-demo{max-width:600px;margin:0 auto 29px;width:100%}
@media(max-width:1100px){.use-case-explorer .walkthrough-heading{gap:30px}
.use-case-explorer .walkthrough-heading>p{max-width:350px;font-size:14px}
.use-case-explorer .walk-card{padding:22px 20px}
.use-case-explorer .walk-step{gap:9px}
.use-case-explorer .walk-step h3{font-size:16px}
.use-case-explorer .walk-art{height:180px}
.use-case-explorer .walk-example{font-size:18px;min-height:58px}
.use-case-explorer .walk-answer{font-size:24px}
.use-case-explorer .walk-caption{font-size:11px}
.use-case-explorer .decision-walkthrough{gap:22px}
.use-case-explorer .walk-card+.walk-card::before{left:-19px}
.use-case-explorer .walkthrough-foot .text-link{font-size:12px}}
@media(max-width:900px){.use-case-explorer .walkthrough-heading{display:block}
.use-case-explorer .walkthrough-heading h2{font-size:47px}
.use-case-explorer .walkthrough-heading>p{max-width:520px;margin-top:25px;font-size:15px}
.use-case-explorer .decision-walkthrough{grid-template-columns:1fr;gap:30px;max-width:620px;margin-inline:auto}
.use-case-explorer .walk-card{display:grid;grid-template-columns:1fr 1.1fr;column-gap:24px;padding:25px}
.use-case-explorer .walk-step{grid-column:1/-1;margin-bottom:8px}
.use-case-explorer .walk-step h3{font-size:20px}
.use-case-explorer .walk-art{grid-column:1;grid-row:2/4;height:auto;min-height:180px;margin:0}
.use-case-explorer .walk-example{grid-column:2;align-self:end;font-size:22px;min-height:0}
.use-case-explorer .walk-answer{font-size:30px}
.use-case-explorer .walk-caption{grid-column:2;font-size:12px;margin-top:18px;align-self:start}
.use-case-explorer .walk-card+.walk-card::before{content:'↓';left:calc(50% - 7px);top:-25px;font-size:20px}
.use-case-explorer .walkthrough-foot{max-width:620px;margin-inline:auto;align-items:flex-start}
.use-case-explorer .full-observation-intro{font-size:14px}}
@media(max-width:600px){.use-case-explorer .walkthrough-heading{margin-bottom:28px}
.use-case-explorer .walkthrough-heading h2{font-size:39px}
.use-case-explorer .walkthrough-heading>p{font-size:14px;line-height:1.8;margin-top:23px}
.use-case-explorer .walkthrough-heading>p br{display:none}
.use-case-explorer .decision-walkthrough{gap:27px}
.use-case-explorer .walk-card{display:block;padding:23px}
.use-case-explorer .walk-step{margin-bottom:4px;gap:12px}
.use-case-explorer .walk-step h3{font-size:19px}
.use-case-explorer .walk-art{height:187px;min-height:0;max-width:280px;margin:9px auto 15px}
.use-case-explorer .walk-example{font-size:23px;min-height:0}
.use-case-explorer .walk-answer{font-size:29px}
.use-case-explorer .walk-probability{font-size:12px}
.use-case-explorer .walk-caption{font-size:13px;margin-top:19px;line-height:1.75}
.use-case-explorer .walk-card+.walk-card::before{top:-23px;font-size:18px}
.use-case-explorer .walkthrough-foot{display:block;margin-top:20px}
.use-case-explorer .walkthrough-foot>p{font-size:10px;max-width:300px}
.use-case-explorer .walkthrough-foot .text-link{margin-top:13px;font-size:12px}
.use-case-explorer .full-observation{margin-top:25px}
.use-case-explorer .full-observation>summary{font-size:13px;padding-block:17px}
.use-case-explorer .full-observation-intro{font-size:13px;line-height:1.8;margin-top:6px}
.use-case-explorer .full-observation .decision-demo{margin-bottom:23px}}
.use-case-explorer .walkthrough-heading>div{min-width:0;flex:1}
.use-case-explorer .walkthrough-heading>p{flex:0 1 340px}
.use-case-explorer .walkthrough-heading h2{font-size:clamp(37px,4.05vw,57px)}
.use-case-explorer .use-case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;scroll-margin-top:100px}
.use-case-explorer .case-family{display:flex;flex-direction:column;min-width:0}
.use-case-explorer .case-family-heading{display:flex;align-items:center;flex:none;min-height:42px;margin-bottom:12px;border-bottom:1px solid #4b5748}
.use-case-explorer .case-family-heading h3{font-size:14px;font-weight:400;line-height:1.5;color:#dce2d3;margin:0;padding-bottom:10px}
.use-case-explorer .case-card-grid{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));flex:1;gap:9px}
.use-case-explorer .use-case-card{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;min-width:0;width:100%;padding:15px;border:1px solid #4d5a4b;border-radius:3px;background:#29332c;color:var(--paper);text-align:left;text-decoration:none;transition:border-color .16s,background .16s}
.use-case-explorer .use-case-card:hover{background:#303b31;border-color:#9ba98f;text-decoration:none}
.use-case-explorer .use-case-card[aria-pressed="true"]{border-color:#b89b80;background:#333d32;box-shadow:inset 3px 0 #e4b395}
.use-case-explorer .use-case-card:focus-visible{outline:2px solid #eebc9b;outline-offset:3px}
.use-case-explorer .case-card-visual{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#bbcab1}
.use-case-explorer .case-card-visual svg{display:block;width:23px;height:23px}
.use-case-explorer .use-case-card[aria-pressed="true"] .case-card-visual{color:#edc3a5}
.use-case-explorer .case-card-copy{display:grid;gap:6px;min-width:0}
.use-case-explorer .case-card-title{padding-right:19px;font:500 15px/1.5 var(--sans);color:#f2efe5}
.use-case-explorer .case-card-description{font:12px/1.65 var(--sans);color:#bdc8b7}
.use-case-explorer .case-card-action{position:absolute;right:13px;top:17px;display:flex;color:#b6c1ac}
.use-case-explorer .case-card-action>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.use-case-explorer .case-card-arrow{display:block;width:15px;height:15px;flex:none}
.use-case-explorer .case-card-custom{border-style:dashed;background:transparent}
.use-case-explorer .case-detail{margin-top:38px;padding-top:18px;border-top:1px solid #66735e;scroll-margin-top:96px}
.use-case-explorer .case-detail-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px/1.5 var(--mono);letter-spacing:.7px;color:#b0bea2}
.use-case-explorer .case-back{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:4px 0;border:0;background:none;color:#e7c5ac;font:12px/1.5 var(--sans)}
.use-case-explorer .case-back svg{display:block;width:18px;height:18px}
.use-case-explorer .case-back:hover>span{text-decoration:underline;text-underline-offset:4px}
.use-case-explorer .case-back:focus-visible,.use-case-explorer .case-navigation button:focus-visible,.use-case-explorer #use-case-panel a:focus-visible{outline:2px solid #eebc9b;outline-offset:4px}
.use-case-explorer .case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px 25px;min-height:122px}
.use-case-explorer .case-setting{font:9px/1.5 var(--mono);letter-spacing:1.1px;color:#aebb9f;text-transform:uppercase;margin:0 0 8px}
.use-case-explorer .case-toolbar h3{font-size:24px;font-weight:400;line-height:1.35;letter-spacing:-.5px;margin:0}
.use-case-explorer .case-navigation{display:flex;gap:8px;align-items:center;flex-shrink:0}
.use-case-explorer .case-count{font:10px var(--mono);color:#96a28d;margin-right:12px;white-space:nowrap}
.use-case-explorer .case-count>span{color:#e7d6c3}
.use-case-explorer .case-navigation button{height:40px;width:40px;display:grid;place-items:center;border:1px solid #5e6a57;border-radius:50%;background:transparent;color:#d5decb;transition:background .18s,border-color .18s}
.use-case-explorer .case-navigation button:hover{background:#3a4538;border-color:#b9c5ab}
.use-case-explorer .case-navigation svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4;fill:none}
.use-case-explorer #use-case-panel .walk-art svg{display:block;width:100%;max-width:280px;height:auto}
.use-case-explorer #use-case-panel .walk-example{min-height:84px;font-size:20px;line-height:1.4}
.use-case-explorer #use-case-panel .walk-answer{font-size:27px;line-height:1.25}
.use-case-explorer #use-case-panel .walk-caption{min-height:80px}
.use-case-explorer .engine-label img{filter:none;opacity:1}
@media(max-width:1100px){.use-case-explorer .case-toolbar h3{font-size:22px}
.use-case-explorer #use-case-panel .walk-example{font-size:18px}
.use-case-explorer #use-case-panel .walk-answer{font-size:25px}}
@media(max-width:900px){.use-case-explorer .walkthrough-heading>p{max-width:540px}
.use-case-explorer .case-toolbar{max-width:620px;margin-inline:auto}
.use-case-explorer .case-toolbar h3{font-size:23px}
.use-case-explorer #use-case-panel .walk-example{min-height:0;font-size:22px}
.use-case-explorer #use-case-panel .walk-answer{font-size:28px}
.use-case-explorer #use-case-panel .walk-caption{min-height:68px}}
@media(max-width:600px){.use-case-explorer .case-toolbar{align-items:flex-start;gap:12px;padding-block:26px 24px;min-height:155px}
.use-case-explorer .case-toolbar h3{font-size:22px;max-width:245px}
.use-case-explorer .case-setting{font-size:8px;letter-spacing:.7px;max-width:180px;min-height:24px;margin-bottom:5px}
.use-case-explorer .case-navigation{gap:6px;padding-top:0;flex-wrap:wrap;width:78px;justify-content:flex-end}
.use-case-explorer .case-count{display:block;width:100%;text-align:right;margin:0 1px 8px 0;font-size:9px}
.use-case-explorer .case-navigation button{height:35px;width:35px}
.use-case-explorer #use-case-panel .walk-example{font-size:23px;min-height:93px}
.use-case-explorer #use-case-panel .walk-answer{font-size:29px}
.use-case-explorer #use-case-panel .walk-caption{min-height:80px}
.use-case-explorer .walkthrough-heading h2{font-size:39px}}
@media(max-width:370px){.use-case-explorer .case-toolbar h3{font-size:20px}
.use-case-explorer .walkthrough-heading h2{font-size:35px}
.use-case-explorer #use-case-panel .walk-example{font-size:20px}
.use-case-explorer #use-case-panel .walk-answer{font-size:26px}}
@media(max-width:1100px){.use-case-explorer .use-case-gallery{gap:15px}
.use-case-explorer .use-case-card{gap:9px;padding:13px}
.use-case-explorer .case-card-title{font-size:14px}
.use-case-explorer .case-family-heading h3{font-size:13px}
.use-case-explorer .case-card-action{top:16px;right:10px}}
@media(max-width:960px){.use-case-explorer .use-case-gallery{grid-template-columns:1fr;gap:25px}
.use-case-explorer .case-family-heading{min-height:0}
.use-case-explorer .case-family-heading h3{font-size:15px}
.use-case-explorer .case-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px}
.use-case-explorer .use-case-card{padding:15px;gap:12px}
.use-case-explorer .case-card-title{font-size:15px}
.use-case-explorer .case-card-action{top:18px;right:13px}
.use-case-explorer .case-detail-topline{max-width:620px;margin-inline:auto}}
@media(max-width:600px){.use-case-explorer .case-card-grid{grid-template-columns:1fr;gap:8px}
.use-case-explorer .use-case-gallery{gap:22px}
.use-case-explorer .case-family-heading{margin-bottom:10px}
.use-case-explorer .case-family-heading h3{font-size:14px}
.use-case-explorer .use-case-card{padding:13px;gap:11px}
.use-case-explorer .case-card-action{top:16px;right:11px}
.use-case-explorer .case-detail{margin-top:28px;padding-top:16px;scroll-margin-top:84px}
.use-case-explorer .case-detail-topline{gap:10px;font-size:8px;letter-spacing:0}
.use-case-explorer .case-back{font-size:11px;gap:5px}
.use-case-explorer .case-detail .case-toolbar{min-height:135px;padding-block:20px}}
@media(prefers-reduced-motion:reduce){.use-case-explorer *,.use-case-explorer *::before,.use-case-explorer *::after{transition:none!important}}

.use-case-explorer .output-card :is(button,[tabindex]):focus-visible{outline-color:var(--accent)}