/* Isolated Problems redesign: no hero, Compliance, brand or form selectors. */
#problems.usecases-section{display:flex;flex-direction:column;justify-content:center;min-height:100svh;height:auto;padding-top:42px;padding-bottom:38px;gap:0;border-top:1px solid var(--line);overflow:clip}
#problems .uc-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px;flex-shrink:0}
#problems .uc-heading .eyebrow{color:var(--accent);margin-bottom:16px}
#problems .uc-heading h2{font-size:clamp(38px,4.6vw,70px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}
#problems .uc-heading h2 span{color:#98989f}
#problems .uc-heading>p{font-size:13px;line-height:1.8;color:#aaa4af;max-width:300px;padding-bottom:5px}
#problems .uc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;min-width:0;min-height:0;flex:1}
#problems .uc-sidebar{display:flex;flex-direction:column;min-width:0;gap:20px}
#problems .uc-tabs{display:flex;flex-direction:column;border-top:1px solid #39343e;flex:1}
#problems .uc-tab{display:flex;align-items:center;gap:14px;position:relative;background:transparent;border:0;border-bottom:1px solid #302b35;text-align:left;color:#b3acb9;padding:21px 13px;min-height:75px;cursor:pointer;font:inherit}
#problems .uc-tab::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .2s}
#problems .uc-tab[aria-selected=true]{background:linear-gradient(90deg,#ff542613,transparent);color:#f4f4ee}
#problems .uc-tab[aria-selected=true]::before{transform:scaleY(1)}
#problems .uc-tab-number{font:10px var(--font-mono);color:#766f7d;align-self:flex-start;padding-top:3px}
#problems .uc-tab[aria-selected=true] .uc-tab-number{color:#ff7850}
#problems .uc-tab strong{display:block;font-size:15px;font-weight:500;letter-spacing:-.025em;line-height:1.35}
#problems .uc-tab small{display:block;color:#8f8797;font-size:10px;margin-top:6px;line-height:1.4}
#problems .uc-sidebar-note{color:#837b8d;font-size:11px;line-height:1.7;padding:0 12px;max-width:220px}
#problems .uc-frame{min-width:0;min-height:0;background:#101013;border:1px solid #38313e;display:flex;flex-direction:column;position:relative;isolation:isolate}
#problems .uc-frame::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 65% 38%,#ff542608,transparent 65%);pointer-events:none}
#problems .uc-frame-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 22px;border-bottom:1px solid #2d2733;color:#92899c;font:9px var(--font-mono);letter-spacing:.08em;flex-shrink:0}
#problems .uc-local-label{color:#d1c8da;display:flex;align-items:center;gap:8px;white-space:nowrap}
#problems .uc-local-label::before{content:"";width:4px;height:4px;background:var(--accent);border-radius:50%}
#problems .uc-case-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:23px 24px 13px;flex-shrink:0}
#problems .uc-case-heading h3{font-size:clamp(21px,2.2vw,31px);font-weight:500;letter-spacing:-.04em;line-height:1.15;color:#eee9f0;margin:0}
#problems .uc-case-heading p{font-size:12px;line-height:1.7;color:#948b9f;margin:10px 0 0;max-width:640px}
#problems .uc-reset{border:1px solid #45394d;background:transparent;color:#b7acbf;min-height:34px;padding:7px 11px;white-space:nowrap;font-size:10px}
#problems .uc-reset:hover{border-color:#ff7850;color:#f4f4ee}
#problems .uc-visual{flex:1;min-height:280px;min-width:0;padding:6px 24px 17px;overflow:auto;scrollbar-color:#514059 #101013}
#problems .uc-scene{min-width:0;min-height:220px;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:36px 36px;position:relative}
#problems .uc-scene svg{display:block;max-width:100%;height:auto}
#problems .uc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #39313f;border-bottom:1px solid #39313f;margin-top:12px;padding:15px 0;gap:18px}
#problems .uc-kpi{min-width:0;display:flex;flex-direction:column;gap:6px}
#problems .uc-kpi strong{font-size:clamp(23px,2.6vw,37px);letter-spacing:-.05em;line-height:1.1;font-weight:500;color:#e9e3ed}
#problems .uc-kpi span{font-size:11px;color:#a69bad;line-height:1.5}
#problems .uc-kpi small{font-size:10px;color:#877b90;line-height:1.5}
#problems .uc-kpi--alert strong{color:#ff7850}
#problems .uc-nodes{display:grid;gap:9px;min-width:0}
#problems .uc-node{border:1px solid #46384e;background:#151119;color:#d5cadc;padding:12px 14px;text-align:left;font:inherit;min-width:0;min-height:44px;line-height:1.45}
#problems button.uc-node{cursor:pointer}
#problems .uc-node strong{font-size:12px;line-height:1.5;font-weight:500;display:block}
#problems .uc-node span,#problems .uc-node small{font-size:10px;color:#9d8da7;line-height:1.5;display:block}
#problems .uc-node--alert{border-color:#a94c36;background:#ff54260a}
#problems .uc-node--alert strong{color:#ff9d7c}
#problems .uc-detail{font-size:11px;line-height:1.7;color:#ac9bb8;padding:12px 0 0;min-width:0}
#problems .uc-mini-label{font:9px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#a493b1;line-height:1.7}
#problems .uc-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:17px 24px;border-top:1px solid #362b40;background:#121015;flex-shrink:0}
#problems .uc-control{min-width:0;display:flex;flex-direction:column;gap:9px}
#problems .uc-control>label{font-size:11px;line-height:1.4;color:#c5b5d1;display:flex;gap:10px;justify-content:space-between}
#problems .uc-control output{color:#ff9c7e;font:11px var(--font-mono)}
#problems .uc-control input:not([type=range]),#problems .uc-control select{appearance:auto;width:100%;min-width:0;min-height:42px;border:1px solid #51415b;border-radius:0;background:#1b1420;color:#f4f4ee;padding:9px 11px;font:12px var(--font-body);color-scheme:dark}
#problems .uc-control input[type=range]{width:100%;min-width:0;min-height:25px;accent-color:var(--accent);margin:0;cursor:pointer}
#problems .uc-feedback{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;border-top:1px solid #302536;flex-shrink:0;background:#131016}
#problems .uc-status{font-size:11px;color:#e2d4eb;line-height:1.55}
#problems .uc-status::before{content:"↳";color:var(--accent);margin-right:8px}
#problems .uc-limits{font-size:10px;color:#93839e;line-height:1.5;max-width:360px;text-align:right}
#problems .uc-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px;flex-shrink:0}
#problems .uc-footer>p{font-size:10px;color:#8b8194;line-height:1.7;max-width:700px}
#problems .uc-build-links{display:flex;align-items:center;gap:22px;flex-shrink:0}
#problems .uc-build-links a{font-size:11px;min-height:34px;display:flex;align-items:center;gap:9px;white-space:nowrap;color:#cfc2d8}
#problems .uc-build-links a:hover{color:#ff9b7b}
#problems .uc-build-links svg{width:12px;height:12px;color:var(--accent)}
#problems :is(button,a,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1000px) and (min-height:760px){#problems.usecases-section{height:100svh;justify-content:flex-start}.uc-layout{max-height:none}#problems .uc-visual{min-height:0}}
@media(max-width:1200px){#problems .uc-layout{grid-template-columns:205px minmax(0,1fr);gap:21px}#problems .uc-heading h2{font-size:51px}#problems .uc-tab{padding:19px 10px;gap:11px}#problems .uc-tab strong{font-size:14px}#problems .uc-frame-top{padding-left:19px;padding-right:19px}#problems .uc-case-heading{padding:20px 19px 12px}#problems .uc-visual{padding-left:19px;padding-right:19px}}
@media(max-width:999px){#problems.usecases-section{height:auto}#problems .uc-layout{grid-template-columns:1fr;gap:17px}#problems .uc-sidebar{gap:0}#problems .uc-sidebar-note{display:none}#problems .uc-tabs{flex-direction:row;overflow:auto;gap:0;border-bottom:1px solid #39343e;scrollbar-width:thin}#problems .uc-tab{flex:0 0 170px;border-right:1px solid #302b35;border-bottom:0;padding:15px 12px;min-height:74px}#problems .uc-tab::before{top:auto;right:0;width:auto;height:2px;transform:scaleX(0)}#problems .uc-tab[aria-selected=true]::before{transform:scaleX(1)}#problems .uc-visual{min-height:340px}#problems .uc-footer{align-items:flex-start}#problems .uc-heading h2{font-size:49px}}
@media(max-width:700px){#problems.usecases-section{padding-top:37px;padding-bottom:37px}#problems .uc-heading{display:block;margin-bottom:22px}#problems .uc-heading h2{font-size:clamp(35px,8.8vw,48px)}#problems .uc-heading .eyebrow{margin-bottom:14px}#problems .uc-heading>p{font-size:12px;margin-top:18px;max-width:none}#problems .uc-tab{flex-basis:162px;min-height:73px}#problems .uc-tab strong{font-size:13px}#problems .uc-tab small{font-size:10px}#problems .uc-frame-top{padding:12px;font-size:8px;letter-spacing:0}#problems .uc-case-heading{padding:19px 13px 10px;gap:12px}#problems .uc-case-heading h3{font-size:23px}#problems .uc-case-heading p{font-size:11px;line-height:1.7;margin-top:10px}#problems .uc-reset{font-size:9px;padding:6px 8px;min-height:34px}#problems .uc-visual{padding:6px 13px 15px;min-height:340px;overflow:visible}#problems .uc-controls{grid-template-columns:1fr;gap:17px;padding:16px 13px}#problems .uc-feedback{display:block;padding:13px}#problems .uc-limits{text-align:left;margin-top:8px;max-width:none;font-size:10px}#problems .uc-kpis{gap:10px;padding:13px 0}#problems .uc-kpi strong{font-size:25px}#problems .uc-kpi span{font-size:10px}#problems .uc-kpi small{font-size:10px}#problems .uc-footer{display:block}#problems .uc-footer>p{font-size:10px}#problems .uc-build-links{margin-top:12px;gap:22px}#problems .uc-build-links a{font-size:11px;min-height:40px}}
@media(prefers-reduced-motion:reduce){#problems *,#problems *::before,#problems *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the actual result in view, rather than spending the screen on headings. */
@media(min-width:1000px) and (min-height:760px){#problems.usecases-section{padding-top:30px;padding-bottom:28px}#problems .uc-heading{margin-bottom:21px}#problems .uc-heading h2{font-size:54px}#problems .uc-heading .eyebrow{margin-bottom:12px}#problems .uc-case-heading{padding-top:17px;padding-bottom:10px}#problems .uc-frame-top{padding-top:10px;padding-bottom:10px}#problems .uc-controls{padding-top:12px;padding-bottom:12px;gap:16px}#problems .uc-control{gap:7px}#problems .uc-control input:not([type=range]),#problems .uc-control select{min-height:38px;padding-top:7px;padding-bottom:7px}#problems .uc-feedback{padding-top:10px;padding-bottom:10px}#problems .uc-footer{margin-top:14px}}
/* Desktop app windows inside the dark marketing gallery. */
#problems .uc-demo-column{display:flex;flex-direction:column;min-width:0;min-height:0}
#problems .uc-demo-column>.uc-case-heading{padding:0 0 15px;align-items:start}
#problems .uc-demo-column>.uc-case-heading h3{font-size:clamp(21px,2vw,28px)}
#problems .uc-demo-column>.uc-case-heading p{margin-top:7px}
#problems .uc-frame{flex:1;border:1px solid #d8dde2;border-radius:10px;background:#fff;color:#28313b;box-shadow:0 24px 60px #0005,0 2px 9px #0003;overflow:hidden;--ink:#25303a;--muted:#66717d;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#problems .uc-frame::before{display:none}
#problems .uc-frame-top{background:linear-gradient(#fafbfc,#eff1f3);border-bottom:1px solid #d9dfe4;padding:12px 16px;gap:14px;min-height:39px;color:#67717c;font:11px system-ui,-apple-system,sans-serif;letter-spacing:0}
#problems .uc-traffic-lights{display:flex;gap:7px;align-items:center;flex:0 0 52px}
#problems .uc-traffic-lights i{width:11px;height:11px;border-radius:50%;display:block;background:#ff6058;border:1px solid #db4e46;box-shadow:inset 0 1px 0 #ffffff35}
#problems .uc-traffic-lights i:nth-child(2){background:#ffbd2e;border-color:#dea321}
#problems .uc-traffic-lights i:nth-child(3){background:#28c840;border-color:#20a434}
#problems .uc-app-name{font-size:12px;font-weight:600;text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#48515c}
#problems .uc-local-label{font-size:10px;color:#6a7380;gap:6px;flex:0 0 auto}
#problems .uc-local-label::before{background:#87919d;width:4px;height:4px}
#problems .uc-frame .uc-visual{background:#fff;color:#28313b;padding-top:15px;scrollbar-color:#c0c7cf #fff}
#problems .uc-frame .uc-scene{background-image:linear-gradient(#27384b05 1px,transparent 1px),linear-gradient(90deg,#27384b05 1px,transparent 1px)}
#problems .uc-frame .uc-kpis{border-color:#e1e5e9}
#problems .uc-frame .uc-kpi strong{color:#25303b}
#problems .uc-frame .uc-kpi span{color:#63717d;font-size:12px}
#problems .uc-frame .uc-kpi small{color:#6a7682}
#problems .uc-frame .uc-kpi--alert strong{color:#b33d1f}
#problems .uc-frame .uc-node{border-color:#d4dce3;background:#f9fafb;color:#283640}
#problems .uc-frame .uc-node strong{color:#293947}
#problems .uc-frame .uc-node span,#problems .uc-frame .uc-node small{color:#697985}
#problems .uc-frame .uc-node--alert{border-color:#d6a58f;background:#fff8f3}
#problems .uc-frame .uc-node--alert strong{color:#a83e23}
#problems .uc-frame .uc-detail{color:#566674}
#problems .uc-frame .uc-mini-label{color:#657581}
#problems .uc-frame .uc-controls{background:#fafbfc;border-top:0;border-bottom:1px solid #e2e6ea;flex-shrink:0;padding:12px 24px}
#problems .uc-frame .uc-control>label{color:#546370;font-size:11px}
#problems .uc-frame .uc-control output{color:#ad3f22}
#problems .uc-frame .uc-control input:not([type=range]),#problems .uc-frame .uc-control select{border-color:#cbd3db;border-radius:5px;background:#fff;color:#2a3743;color-scheme:light;font:12px system-ui,-apple-system,sans-serif;box-shadow:0 1px 2px #14233308}
#problems .uc-frame .uc-feedback{background:#f8fafb;border-top:1px solid #e1e6eb;padding:10px 24px}
#problems .uc-frame .uc-status{color:#425363;font-size:11px}
#problems .uc-frame .uc-status::before{color:#b33d1f}
#problems .uc-frame .uc-limits{color:#6d7984;font-size:10px}
@media(max-width:999px){#problems .uc-frame{flex:none}#problems .uc-visual{min-height:340px}}
@media(max-width:700px){#problems .uc-demo-column>.uc-case-heading{padding-bottom:15px}#problems .uc-demo-column>.uc-case-heading h3{font-size:22px}#problems .uc-frame-top{padding:11px 12px;gap:8px}#problems .uc-traffic-lights{flex-basis:43px;gap:5px}#problems .uc-traffic-lights i{width:10px;height:10px}#problems .uc-app-name{font-size:11px}#problems .uc-local-label{font-size:8px}#problems .uc-frame .uc-controls,#problems .uc-frame .uc-feedback{padding-left:13px;padding-right:13px}}
/* Compact, readable app summary strip; keep selected-record details in view. */
@media(min-width:1000px){#problems .uc-frame .uc-scene .uc-kpis{padding:11px 16px;margin-top:0;gap:16px}#problems .uc-frame .uc-scene .uc-kpis .uc-kpi{flex-direction:row;align-items:baseline;gap:10px;min-height:0}#problems .uc-frame .uc-scene .uc-kpis .uc-kpi strong{font-size:27px;line-height:1.1;flex-shrink:0}#problems .uc-frame .uc-scene .uc-kpis .uc-kpi span{font-size:11px;line-height:1.5;min-width:0}}
#problems .uc-frame .uc-revision-node-arrow{display:none}

/* Eight examples retain the compact desktop gallery; shorter screens scroll the menu. */
@media(min-width:1000px){#problems .uc-sidebar{min-height:0}#problems .uc-tabs{min-height:0;overflow-y:auto;scrollbar-width:thin}#problems .uc-tab{flex:1 0 49px;min-height:49px;padding:10px 12px}#problems .uc-tab small{margin-top:3px}}
/* Professional worksheets keep primary inputs on one compact desktop toolbar. */
@media(min-width:1000px){#problems .uc-frame .uc-controls[data-count="1"]{grid-template-columns:minmax(0,310px)}#problems .uc-frame .uc-controls[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}#problems .uc-frame .uc-controls[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
#problems .uc-frame .uc-control input[aria-invalid="true"]{border-color:#a63e22;outline-color:#a63e22;background:#fff8f4}