/* Feature galleries and illustrative application screens. */
.feature-showcase{scroll-margin-top:100px;padding:42px;background:#eef1e9;border:1px solid #ffffff30;border-radius:18px;color:#26332b;color-scheme:light}
.showcase-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}
.showcase-heading .eyebrow{font-size:10px;letter-spacing:1px;color:var(--product-ink);margin-bottom:17px}
.showcase-heading h2{font-size:clamp(28px,2.7vw,37px);line-height:1.45;letter-spacing:-1px;color:#25332a}
.showcase-heading h2>span:last-child{color:#70806a}
.showcase-heading>p{max-width:295px;font-size:13px;line-height:1.9;color:#63725d}
.showcase-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}
.showcase-menu{display:flex;flex-direction:column;gap:7px;padding-top:4px;min-width:0}
.showcase-tab{display:flex;align-items:center;gap:11px;min-height:63px;padding:13px 12px;border:1px solid #cbd5c4;border-radius:8px;color:#5e6b56;font-size:12px;line-height:1.6;transition:background .2s,color .2s}
.showcase-tab-number{font-family:'DM Sans',sans-serif;font-size:10px;opacity:.65}
.showcase-tab-arrow{margin-left:auto;font-size:17px;opacity:0}
.showcase-tab:hover{border-color:var(--product-ink);color:var(--product-ink)}
.showcase-tab[aria-selected="true"]{background:var(--product-ink);border-color:var(--product-ink);color:#fff;box-shadow:0 6px 16px #182e1917}
.showcase-tab[aria-selected="true"] .showcase-tab-arrow{opacity:1}
.showcase-rail-note{display:flex;gap:10px;font-size:11px;line-height:1.9;color:#7b8970;padding:20px 8px}
.showcase-rail-note>span:first-child{font-size:23px;color:var(--product-ink)}
.showcase-panels{min-width:0}
.showcase-panel{scroll-margin-top:120px;min-width:0}
.showcase-panel+.showcase-panel{margin-top:38px}
[data-showcase-ready] .showcase-panel{margin-top:0}
.showcase-panel[hidden]{display:none}
.showcase-panel-heading{position:relative;min-height:134px;padding:0 0 23px 0}
.showcase-index{display:block;font-size:9px;letter-spacing:1px;color:var(--product-ink);margin-bottom:10px}
.showcase-panel h3{font-size:23px;line-height:1.5;letter-spacing:-.5px;font-weight:650;color:#25362b}
.showcase-panel-heading p{font-size:12px;color:#697762;line-height:1.85;margin-top:10px;max-width:700px}
.showcase-figure{margin:0;padding:13px 13px 0;background:var(--product-wash);border:1px solid #2035231a;border-radius:12px;overflow:hidden}
.showcase-viewport{overflow:auto;overscroll-behavior-x:contain;border-radius:7px;background:#f7f9fb;box-shadow:0 12px 24px #24302518;scrollbar-width:thin;scrollbar-color:#a6b3a0 #e6ece1}
.showcase-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;color:var(--product-ink);font-size:9px;line-height:1.6}
.showcase-figure figcaption button{border:0;background:transparent;color:var(--product-ink);font-size:10px;font-weight:600;display:flex;align-items:center;gap:8px;padding:10px 0;white-space:nowrap}
.showcase-figure figcaption button[hidden]{display:none}
.showcase-figure figcaption button>span:last-child{font-size:20px}
.showcase-pan-hint{display:none;color:#6e7c64;font-size:10px;margin-top:10px}
.showcase-bottom{margin-top:31px;padding-top:24px;border-top:1px solid #cbd5c4;display:flex;gap:25px;justify-content:space-between;align-items:center}
.showcase-bottom p{font-size:12px;color:#64765a;line-height:1.9;max-width:720px}
.showcase-bottom a{display:flex;gap:16px;color:var(--product-ink);font-size:12px;font-weight:600;white-space:nowrap}
.showcase-dialog{width:min(1220px,calc(100% - 48px));max-height:90dvh;border:1px solid #d9e1d1;border-radius:15px;padding:24px;background:#eef1e9;color:#25352b;box-shadow:0 32px 100px #0006;overscroll-behavior:contain}
.showcase-dialog::backdrop{background:#0b140dd9;backdrop-filter:blur(6px)}
.showcase-dialog[open]{display:flex;flex-direction:column}
.showcase-dialog-content{min-height:0;flex:1}
.showcase-dialog-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}
.showcase-dialog-bar small{font-size:10px;color:var(--product-ink)}
.showcase-dialog-bar h2{font-size:22px;line-height:1.5;letter-spacing:-.5px;color:#25352b;margin-top:4px}
.showcase-dialog-bar button{width:40px;height:40px;border:1px solid #bdcbbb;border-radius:50%;background:transparent;color:#405537;font-size:26px;flex-shrink:0}
.showcase-dialog-content{overflow:auto;border:1px solid #d5ded0;border-radius:9px;scrollbar-width:thin}
.showcase-dialog>p{font-size:10px;color:#607457;margin-top:15px}
html:has(.showcase-dialog[open]){overflow:hidden}

/* App chrome uses CSS and real type, so every screen stays crisp when expanded. */
.sc-app{font-family:'DM Sans','Noto Sans Thai',sans-serif;font-size:10px;line-height:1.5;color:#3e4a53;background:#f6f8fa;min-width:650px;text-align:left}
.sc-app *{box-sizing:border-box}
.sc-app h4,.sc-app b,.sc-app strong{font-family:inherit;letter-spacing:0;font-weight:600}
.sc-app h4{margin:0;line-height:1.5;color:#273640}
.sc-app small{font-size:8px;line-height:1.5}
.sc-app p{line-height:1.7}
.sc-app-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;height:53px;padding:0 19px;border-bottom:1px solid #e1e7eb;background:#fff}
.sc-app-brand{display:flex;align-items:center;gap:8px;color:#24342c;font-size:13px}
.sc-app-brand svg{width:25px;height:25px}
.sc-app-brand .logo-primary{fill:var(--product-ink)}.sc-app-brand .logo-accent{fill:var(--product-ink);opacity:.55}
.sc-app-brand em{font-style:normal;color:var(--product-ink);font-size:10px;margin-left:3px}
.sc-app-bar>div{display:flex;align-items:center;gap:16px}
.sc-workspace{font-size:8px;color:#70817b}
.sc-bell{font-size:18px;color:#97a69e}
.sc-bell svg{width:16px;height:16px}
.sc-app-layout{display:grid;grid-template-columns:48px minmax(0,1fr)}
.sc-sidebar{display:flex;flex-direction:column;align-items:center;gap:13px;background:#fff;border-right:1px solid #e2e8ed;padding:19px 5px 15px}
.sc-nav-glyph{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;color:#99a7aa;font-size:20px;line-height:1}
.sc-nav-glyph.active{background:var(--product-wash);color:var(--product-ink)}
.sc-nav-glyph.last{margin-top:auto}
.sc-content{padding:23px 20px 0;min-height:420px;display:flex;flex-direction:column;gap:16px;min-width:0}
.sc-page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:2px}
.sc-page-heading small{color:#8a979d;font-size:8px;display:block;margin-bottom:5px}
.sc-page-heading h4{font-size:19px;color:#293940;font-weight:650}
.sc-primary{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:5px;background:var(--product-ink);color:white;padding:8px 11px;font-size:8px;font-weight:600;line-height:1.5}
.sc-app-foot{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e4e9ed;padding:12px 0;font-size:6px;letter-spacing:.7px;color:#9aa8ad;margin-top:auto}
.sc-card{padding:16px;background:#fff;border:1px solid #e2e8ec;border-radius:7px;min-width:0}
.sc-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:600;color:#364b52;margin-bottom:15px}
.sc-card-title>span:last-child{font-size:14px;color:#91a1a6;line-height:1}
.sc-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.sc-split.wide{grid-template-columns:1.6fr 1fr}
.sc-split>div:not(.sc-card){display:flex;flex-direction:column;gap:13px}
.sc-badge{display:inline-flex;align-items:center;white-space:nowrap;width:fit-content;max-width:100%;font-size:7px!important;line-height:1.5;padding:3px 6px;border-radius:4px;background:#e5f4ec;color:#26704e;font-weight:500}
.sc-badge.blue{background:#e9f0fc;color:#396daf}.sc-badge.amber{background:#fff3d9;color:#97671c}.sc-badge.purple{background:#efe7f9;color:#8052b1}.sc-badge.red{background:#fbe6e5;color:#b15b55}
.sc-avatar{width:26px;height:26px;border-radius:50%;background:var(--product-wash);color:var(--product-ink);display:inline-grid;place-items:center;flex-shrink:0;font-size:8px;font-style:normal;font-weight:600}
.sc-person{display:inline-flex;gap:8px;align-items:center;min-width:0;vertical-align:middle}
.sc-person>span{min-width:0}.sc-person b{display:block;font-size:9px;color:#3f5058}.sc-person small{display:block;color:#8b999e;font-size:7px;margin-top:3px}
.sc-table-wrap{overflow:hidden}
.sc-table{width:100%;border-collapse:collapse;font-size:8px;color:#657780}
.sc-table th{text-align:left;font-size:7px;font-weight:500;color:#94a0a7;padding:0 6px 10px;border-bottom:1px solid #e7ecef;white-space:nowrap}
.sc-table td{padding:12px 6px;border-bottom:1px solid #edf0f3;line-height:1.7}
.sc-table td:first-child,.sc-table th:first-child{padding-left:0}.sc-table td:last-child,.sc-table th:last-child{padding-right:0}.sc-table tr:last-child td{border:0;padding-bottom:2px}
.sc-table td>b{font-size:9px;color:#465b65;display:block}.sc-table td>small{display:block;font-size:7px;color:#97a2a8;margin-top:3px}
.sc-toolbar{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#9aa6ac}
.sc-search{background:#fff;border:1px solid #e0e7ec;border-radius:5px;padding:8px 10px;flex:1;max-width:350px}.sc-filter{display:flex;align-items:center;gap:20px;color:#6e838b;border:1px solid #dee6eb;border-radius:5px;padding:7px 10px;background:#fff}
.sc-profile{padding:19px 16px;background:var(--product-wash);border-radius:7px;color:var(--product-ink)}
.sc-profile>.sc-avatar{width:46px;height:46px;font-size:15px;background:#fff9;margin-bottom:12px}
.sc-profile h4{font-size:13px}.sc-profile>p{font-size:8px;color:#647a6f;margin:4px 0 10px}.sc-profile>.sc-badge{background:#fff8;margin-bottom:14px}
.sc-field{padding:9px 0;border-bottom:1px solid #89999c20;line-height:1.6}.sc-field small{display:block;color:#8a9aa0;font-size:7px;margin-bottom:4px}.sc-field b{font-size:9px;color:#4b6068;display:block}.sc-profile .sc-field small{color:#6a8476}.sc-profile .sc-field b{color:#365e47}
.sc-fields{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px}
.sc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sc-metrics>div{padding:13px 15px;background:#fff;border:1px solid #e2e8ed;border-radius:7px;display:flex;flex-direction:column;gap:7px}
.sc-metrics small{font-size:8px;color:#89979e}.sc-metrics strong{font-size:25px;line-height:1.1;color:#334951;letter-spacing:-1px}.sc-metrics span{font-size:7px;color:#899d93}
.sc-progress{margin:17px 0}.sc-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#7b8c96}.sc-progress b{font-size:8px;color:#52716a}.sc-progress>i{display:block;height:6px;background:#edf1f3;border-radius:4px;margin-top:8px;overflow:hidden}.sc-progress em{display:block;height:100%;width:var(--fill);background:var(--product-ink);opacity:.7;border-radius:4px}
.sc-hint{font-size:7px;color:#96a4aa;margin-top:10px;line-height:1.8}
.sc-calendar{margin-top:4px}.sc-week,.sc-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.sc-week{font-size:7px;color:#94a1a7;text-align:center;margin-bottom:10px}.sc-days{gap:3px}.sc-days>div{height:31px;border-radius:4px;text-align:center;font-size:8px;color:#839199;padding-top:4px}.sc-days>div.leave{background:var(--product-wash);color:var(--product-ink)}.sc-days>div.today{outline:1px solid var(--product-ink);outline-offset:-1px}.sc-days small{font-size:5px;display:block;font-weight:600}
.sc-request-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e9edef;padding-bottom:15px;margin-bottom:10px}
.sc-note{background:#f1f5f6;border:1px solid #e3ebee;border-radius:5px;padding:11px 12px;font-size:8px;color:#7a8d94;line-height:1.9;margin-top:13px}
.sc-static-actions{display:flex;align-items:center;gap:13px;margin-top:15px;font-size:8px;color:#87959c}
.sc-timeline>div{display:flex;gap:11px;position:relative;padding-bottom:20px}.sc-timeline>div:last-child{padding-bottom:0}.sc-timeline>div:not(:last-child)::before{content:'';position:absolute;left:4px;top:12px;bottom:0;width:1px;background:#e0e8ec}.sc-timeline>div>i{width:9px;height:9px;border:2px solid var(--product-ink);border-radius:50%;background:#fff;flex-shrink:0;margin-top:4px}.sc-timeline b{font-size:9px;color:#596f78}.sc-timeline p{font-size:8px;color:#8b9aa0;margin:5px 0}.sc-timeline small{font-size:6px;color:#a4afb3}
.sc-inline-tabs{display:flex;align-items:center;gap:22px;font-size:8px;color:#8b9ca5;border-bottom:1px solid #e0e7eb;padding-bottom:10px}.sc-inline-tabs b{color:var(--product-ink);position:relative}.sc-inline-tabs b::after{position:absolute;content:'';left:0;right:0;bottom:-11px;height:2px;background:var(--product-ink)}.sc-inline-tabs small{font-size:6px;background:#e8edf0;border-radius:3px;padding:2px 4px;margin-left:4px}
.sc-chart{height:166px;display:flex;align-items:stretch;gap:12px;padding:0 8px;background:repeating-linear-gradient(to top,transparent 0,transparent 40px,#ecf0f3 41px,#ecf0f3 42px)}
.sc-chart>div{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;gap:7px}.sc-chart i{height:calc(var(--fill) * 1.1);width:65%;background:var(--product-ink);opacity:.7;border-radius:4px 4px 0 0}.sc-chart>div:nth-child(even) i{opacity:.35}.sc-chart span{font-size:6px;color:#79919b}.sc-chart small{font-size:7px;color:#a2adb2;background:#fff;width:100%;text-align:center}
.sc-company{display:flex;gap:14px;align-items:center}.sc-company-mark{display:grid;place-items:center;width:47px;height:47px;background:#e3ecf9;color:#5379aa;border-radius:9px;font-size:22px}.sc-company h4{font-size:17px}.sc-company p{font-size:8px;color:#92a1a7;margin-top:3px}.sc-company>.sc-badge{margin-left:auto}
.sc-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.sc-lane{padding:11px;background:#eaf0f4;border:1px solid #e3e9ed;border-radius:7px}.sc-lane h4{display:flex;align-items:center;gap:6px;font-size:8px;color:#6b7f89}.sc-lane h4>i{width:5px;height:5px;border-radius:50%;background:#9bb4d5}.sc-lane h4>i.sc-stage-1{background:#deb36b}.sc-lane h4>i.sc-stage-2{background:#89bdaa}.sc-lane h4>small{margin-left:auto;color:#9cabb3;font-size:7px}.sc-lane>p{font-size:8px;color:#9aaab5;margin:5px 0 8px}
.sc-deal{padding:12px 10px;border:1px solid #e0e7ec;background:#fff;border-radius:5px;margin-top:8px;box-shadow:0 2px 4px #30454e04}.sc-deal>b{display:block;font-size:9px;color:#49616d;line-height:1.65;min-height:15px}.sc-deal>strong{font-size:11px;display:block;color:#426b95;margin:8px 0 10px}.sc-deal>div{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:7px;color:#a6b1b6}.sc-deal .sc-avatar{width:19px;height:19px;font-size:6px}.sc-deal>small{font-size:6px;color:#a4afb6;display:block;margin-bottom:5px}.sc-board.team .sc-deal>div{margin-top:16px}
.sc-task{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eef1f4}.sc-task:last-child{border:0;padding-bottom:0}.sc-task>.sc-avatar{margin-left:auto;width:23px;height:23px;font-size:7px}.sc-task b{font-size:9px;display:block;color:#536b76}.sc-task small{font-size:7px;color:#99a8af;display:block;margin-top:5px}.sc-check{width:13px;height:13px;border:1px solid #c5d3da;border-radius:3px;flex-shrink:0}.sc-check.done{display:grid;place-items:center;background:var(--product-wash);border-color:transparent;color:var(--product-ink);font-size:8px}
.sc-event{padding:12px;border-left:2px solid var(--product-ink);background:#f1f5fb;border-radius:0 6px 6px 0}.sc-event>span{font-size:10px;color:var(--product-ink)}.sc-event h4{font-size:12px;margin:9px 0 6px}.sc-event p{font-size:8px;color:#9aabb5;margin-bottom:12px}
.sc-file{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #edf1f3}.sc-file:last-child{border:0}.sc-file>i{width:28px;height:34px;border:1px solid #dfe7e9;border-radius:4px;display:grid;place-items:center;color:var(--product-ink);background:#f6f8fa;font-size:6px;font-style:normal;flex-shrink:0}.sc-file b{font-size:8px;color:#617b86;line-height:1.6;display:block}.sc-file small{font-size:6px;color:#9baab2;display:block;margin-top:4px}.sc-file>span:last-child{margin-left:auto;font-size:15px;color:#acb8be}
.sc-import-steps{display:flex;gap:30px;color:#9ba9b0;font-size:8px;padding:10px 0}.sc-import-steps b{font-weight:500;color:#8c9d9c}.sc-import-steps .current{color:var(--product-ink)}
.sc-priority-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:15px}.sc-priority-matrix>div{height:55px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;background:#fff1d8;border-radius:5px;color:#a07f4e;font-size:8px}.sc-priority-matrix .p-2{background:#f6ddd9;color:#af6660;outline:1px solid #c48982;outline-offset:-1px}.sc-priority-matrix .p-1,.sc-priority-matrix .p-5{background:#ffe6d2;color:#b1845f}.sc-priority-matrix .p-3,.sc-priority-matrix .p-6,.sc-priority-matrix .p-7{background:#e8f2ed;color:#7c9e8e}.sc-priority-matrix b{font-size:6px}.sc-matrix-axis{font-size:7px;text-align:center;color:#a0adb3;margin-top:10px}.sc-subtitle{font-size:13px;margin-bottom:10px!important}
.sc-agent{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #e6ebef;border-radius:6px;margin-top:10px;color:#a4b0b6}.sc-agent.selected{border-color:#c6addd;background:#f7f3fb;color:var(--product-ink)}
.sc-resolution{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#fff;border:1px solid #e5e9ee;border-radius:6px;padding:12px}.sc-resolution>span{display:flex;gap:7px;align-items:center;font-size:8px;color:#a3acb3}.sc-resolution i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#f0f2f5;font-style:normal;font-size:7px}.sc-resolution .complete{color:var(--product-ink)}.sc-resolution .complete i{background:var(--product-wash)}
.sc-project-banner{position:relative;padding:18px 20px;background:#f2eadb;border:1px solid #e5dcc9;border-radius:8px;color:#938268}.sc-project-banner>small{font-size:6px;letter-spacing:1px}.sc-project-banner h4{font-size:20px;color:#755c36;margin:8px 0 6px}.sc-project-banner p{font-size:8px;max-width:75%;color:#a49071}.sc-project-banner>div{position:absolute;right:18px;bottom:20px;display:flex;align-items:center}.sc-project-banner .sc-avatar{border:2px solid #f2eadb;margin-left:-5px;width:26px;height:26px;font-size:7px;background:#fff8}.sc-project-banner>div>span{font-size:8px;margin-left:5px}
.sc-comment{display:flex;gap:10px;margin-bottom:19px}.sc-comment>div{min-width:0;flex:1}.sc-comment b{display:block;font-size:9px;color:#5f747c}.sc-comment b>small{font-size:6px;color:#a5b0b4;margin-left:7px;font-weight:400}.sc-comment p{font-size:8px;color:#8a9ca3;margin-top:6px}.sc-comment .sc-file{background:#f8f9fb;border:1px solid #e8edf0;padding:8px;margin-top:10px;border-radius:5px}.sc-composer{border:1px solid #e2e8ed;border-radius:5px;padding:12px;font-size:8px;color:#acb6bb;display:flex;justify-content:space-between;gap:15px}.sc-composer>span{color:var(--product-ink)}
.sc-pinned{padding:15px;background:#fbf7ed;border-radius:6px;border:1px solid #eee4d3}.sc-pinned>span{font-size:23px;color:#b29a77}.sc-pinned h4{font-size:17px;color:#8e7959;margin:10px 0}.sc-pinned p{font-size:9px;color:#ad9d86;line-height:1.9}.sc-pinned small{font-size:7px;display:block;color:#b7a994;margin-top:19px}
.sc-app{min-width:720px}
.sc-content{min-height:460px}
.sc-card-title{font-size:12px}
.sc-table{font-size:10px}.sc-table th{font-size:9px}.sc-table td>b,.sc-person b{font-size:11px}.sc-person small{font-size:8px}
.sc-page-heading h4{font-size:22px}.sc-page-heading small{font-size:9px}.sc-primary{font-size:9px}
.sc-field b,.sc-task b,.sc-timeline b,.sc-deal>b,.sc-comment b{font-size:11px}
.sc-field small,.sc-task small,.sc-timeline p,.sc-note,.sc-comment p{font-size:9px}
.sc-progress>div,.sc-progress b,.sc-file b{font-size:10px}
.sc-file small,.sc-table td>small,.sc-hint{font-size:8px}
.sc-metrics small,.sc-metrics span,.sc-inline-tabs,.sc-toolbar,.sc-lane h4,.sc-resolution>span,.sc-import-steps{font-size:9px}
.sc-badge{font-size:8px!important}.sc-days>div{height:34px;font-size:10px}.sc-calendar small{font-size:6px}
.sc-project-banner p,.sc-pinned p{font-size:10px}
.sc-chart i{height:calc(var(--fill) * .8);flex-shrink:0}
.sc-app .sc-person small,.sc-app .sc-field small,.sc-app .sc-table th,.sc-app .sc-table td>small,.sc-app .sc-page-heading small,.sc-app .sc-metrics small,.sc-app .sc-metrics span,.sc-app .sc-hint,.sc-app .sc-timeline p,.sc-app .sc-task small,.sc-app .sc-file small{color:#697e88}
.sc-app .sc-note,.sc-app .sc-comment p,.sc-app .sc-progress>div{color:#657d87}
.solution-detail .showcase-dialog-bar h2{font-size:22px;line-height:1.5}
.showcase-dialog .sc-content{padding:30px 32px 0;min-height:550px;gap:22px}
.showcase-dialog .sc-app{min-width:760px}.showcase-dialog .sc-app-bar{height:65px}.showcase-dialog .sc-app-layout{grid-template-columns:62px minmax(0,1fr)}
.showcase-dialog .sc-priority-matrix>div{font-size:11px;height:65px}.showcase-dialog .sc-workspace,.showcase-dialog .sc-inline-tabs,.showcase-dialog .sc-lane h4,.showcase-dialog .sc-matrix-axis{font-size:10px}
.showcase-dialog .sc-badge{font-size:10px!important}.showcase-dialog .sc-deal>div,.showcase-dialog .sc-deal>small,.showcase-dialog .sc-deal .sc-avatar{font-size:9px}.showcase-dialog .sc-deal .sc-avatar{width:25px;height:25px}.showcase-dialog .sc-deal{padding:17px 14px}
.showcase-dialog .sc-card{padding:24px}.showcase-dialog .sc-table td{padding-block:17px}.showcase-dialog .sc-card-title{font-size:13px}.showcase-dialog .sc-table{font-size:11px}.showcase-dialog .sc-table th{font-size:9px}.showcase-dialog .sc-table td>b,.showcase-dialog .sc-person b{font-size:12px}.showcase-dialog .sc-person small{font-size:9px}.showcase-dialog .sc-page-heading h4{font-size:25px}.showcase-dialog .sc-primary{font-size:11px;padding:10px 15px}.showcase-dialog .sc-field b,.showcase-dialog .sc-task b,.showcase-dialog .sc-timeline b,.showcase-dialog .sc-deal>b,.showcase-dialog .sc-comment b{font-size:12px}.showcase-dialog .sc-field small,.showcase-dialog .sc-task small,.showcase-dialog .sc-timeline p,.showcase-dialog .sc-note,.showcase-dialog .sc-comment p{font-size:10px}.showcase-dialog .sc-days>div{height:39px;font-size:11px}.showcase-dialog .sc-progress>div,.showcase-dialog .sc-progress b,.showcase-dialog .sc-file b{font-size:11px}.showcase-dialog .sc-chart{height:215px}
@media(max-width:1200px){.feature-showcase{padding:32px}.showcase-layout{grid-template-columns:180px minmax(0,1fr);gap:23px}.showcase-tab{font-size:11px;padding-inline:10px;gap:8px}.showcase-figure{padding:10px 10px 0}.showcase-pan-hint{display:block}}
@media(max-width:1100px){.showcase-layout{grid-template-columns:1fr;gap:25px}.showcase-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.showcase-tab{min-height:57px;font-size:11px}.showcase-rail-note{display:none}.showcase-panel-heading{min-height:0}.showcase-heading>p{max-width:240px}.showcase-panel h3{font-size:23px}.showcase-bottom{align-items:flex-start}.showcase-bottom a{white-space:normal;flex-shrink:0}}
@media(max-width:760px){.feature-showcase{padding:27px 20px;border-radius:12px;scroll-margin-top:145px}.showcase-heading{display:block;margin-bottom:26px}.showcase-heading .eyebrow{font-size:9px;margin-bottom:13px}.showcase-heading h2{font-size:28px;line-height:1.5;letter-spacing:-.6px}.showcase-heading>p{max-width:none;font-size:13px;line-height:1.9;margin-top:17px}.showcase-menu{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding:3px 3px 9px;margin-inline:-3px;scrollbar-width:thin;scrollbar-color:#b9c7af transparent}.showcase-tab{min-width:150px;min-height:53px;padding:10px 12px;flex-shrink:0;font-size:11px}.showcase-tab-arrow{display:none}.showcase-panel h3{font-size:22px;line-height:1.55}.showcase-panel-heading p{font-size:12px}.showcase-index{font-size:9px}.showcase-figure{padding:8px 8px 0;margin-inline:-8px;border-radius:9px}.showcase-figure figcaption{font-size:8px;gap:10px;min-height:48px;flex-wrap:wrap;padding:7px 1px}.showcase-figure figcaption button{font-size:9px;padding:3px 0}.showcase-pan-hint{display:flex;justify-content:space-between;font-size:9px;margin-top:12px}.showcase-bottom{display:block;margin-top:24px;padding-top:21px}.showcase-bottom a{margin-top:15px;font-size:12px}.showcase-dialog{width:calc(100% - 20px);padding:15px;max-height:92dvh;border-radius:12px}.showcase-dialog-bar h2{font-size:18px}.showcase-dialog-bar small{font-size:9px}.showcase-dialog-bar button{width:34px;height:34px;font-size:22px}.showcase-dialog>p{font-size:9px}.showcase-dialog-content{max-height:70dvh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.showcase-tab{transition:none}}