.kg-paths,.kg-paths *{box-sizing:border-box}
.kg-paths{height:335px;width:100%;max-width:1280px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;color:#172739;font-family:Arial,"Segoe UI",sans-serif}
.kg-path{position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;min-width:0;height:335px;padding:0;text-align:left;color:inherit;font-family:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.94);border-radius:31px;background-color:#dce2e8;box-shadow:inset 1px 2px 3px rgba(255,255,255,.75),inset -2px -5px 12px rgba(100,124,149,.12),0 13px 21px -15px #46586e55;backdrop-filter:blur(15px)}
.kg-path::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.20),transparent 47%,rgba(247,249,251,.1));border-radius:inherit}
.kg-marketing{background-image:radial-gradient(ellipse at 83% 5%,#ed82a3 0,transparent 47%),radial-gradient(ellipse at 27% 36%,#c6dbe8 0,transparent 63%),linear-gradient(135deg,#d1d2e1,#e3ced9 65%,#e4e6ed)}
.kg-sales{background-image:radial-gradient(ellipse at 82% 1%,rgba(214,156,177,.88),transparent 49%),radial-gradient(ellipse at 3% 55%,rgba(178,212,224,.95),transparent 68%),linear-gradient(145deg,#c2d2e0,#c7d7e1 58%,#e8e2ed)}
.kg-ops{background-image:radial-gradient(ellipse at 5% 7%,rgba(235,164,181,.84),transparent 54%),radial-gradient(ellipse at 92% 37%,#afcdd8,transparent 61%),linear-gradient(140deg,#d3dae4,#d7d6df 63%,#e5e9ed)}
.kg-visual{display:block;position:relative;height:208px;min-height:208px;width:100%}
.kg-path-copy{display:block;position:relative;height:127px;padding:10px 67px 20px 27px;width:100%;background:linear-gradient(0deg,#ffffff61,#ffffff21 76%,transparent)}
.kg-title{display:block;font-size:38px;letter-spacing:-1.9px;line-height:1.04;font-weight:400}
.kg-caption{display:block;max-width:292px;margin-top:12px;color:#3f5263;font-size:16px;line-height:1.29;font-weight:400}
.kg-open{position:absolute;bottom:28px;right:23px;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;border:1px solid #ffffffc7;background:linear-gradient(140deg,#ffffff7d,#ffffff18);box-shadow:0 3px 9px #53637715,inset 0 1px 4px white;font-size:23px;line-height:1;color:#35495d}
.kg-film,.kg-portrait,.kg-incoming,.kg-lead,.kg-chart-glass,.kg-1c{position:absolute;border:1px solid #ffffffd9;box-shadow:inset 1px 1px 4px #fff, inset -1px -2px 3px #ffffff8f,0 12px 22px -9px #47536155;backdrop-filter:blur(8px)}
.kg-magnifier-back{position:absolute;left:8%;top:24%;width:62%;height:61%;border-radius:25px;background:linear-gradient(145deg,#fff6,#bfccdb35);border:1px solid #ffffffab;transform:rotate(-11deg)}
.kg-film{left:12%;top:23%;width:61%;height:65%;padding:5px;border-radius:21px;background:linear-gradient(150deg,#fff9,#fff4);transform:rotate(-5deg);overflow:hidden}
.kg-film img,.kg-portrait img{display:block;width:100%;height:100%;border-radius:15px;object-fit:cover}
.kg-play-mark{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #fffc;background:#131e342e;backdrop-filter:blur(6px)}
.kg-play-mark:after{content:"";border-left:11px solid white;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.kg-film-line{position:absolute;bottom:15px;left:17px;right:14px;height:2px;background:linear-gradient(90deg,#a9f6ff 35%,#ffffff88 35%)}
.kg-portrait{right:11%;top:14%;height:74%;width:22%;padding:5px;border-radius:20px;overflow:hidden;background:linear-gradient(140deg,#fff9,#ffe3f4a8);transform:rotate(8deg)}
.kg-portrait img{object-position:center 34%}
.kg-incoming{top:24%;left:10%;width:61%;height:46%;padding:16px 15px 12px 48px;border-radius:20px 20px 20px 4px;transform:rotate(-5deg);background:linear-gradient(130deg,#ffffffe6,#edf4f991 70%,#c2d6df7a);font-size:16px;white-space:nowrap}
.kg-paperplane{position:absolute;left:14px;top:16px;width:23px;height:23px;border-radius:50%;background:#529cc2}
.kg-paperplane::after{content:"";position:absolute;inset:6px 4px 5px 4px;background:white;clip-path:polygon(0 40%,100% 0,80% 100%,48% 69%,32% 91%,36% 60%,89% 14%,26% 54%)}
.kg-incoming b{display:block;margin-top:10px;width:73%;height:4px;border-radius:3px;background:#8098b044}.kg-incoming b:last-child{width:46%;margin-top:6px}
.kg-lead{right:9%;top:61%;height:48px;padding:0 15px 0 11px;display:flex;gap:9px;align-items:center;border-radius:14px;background:linear-gradient(142deg,#f2fffcf0,#e6f2f3bc);transform:rotate(3deg);font-size:15px;color:#253f4e}
.kg-mini-check{width:23px;height:23px;border:1px solid #b5d1cb;background:#ccede2;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;color:#347760}
.kg-route{position:absolute;left:24%;top:60%;width:28%;height:32px;border-bottom:1px dashed #526f8a;border-left:1px dashed #526f8a;border-bottom-left-radius:12px}.kg-route i:last-child{position:absolute;bottom:-2.5px;right:0;width:5px;height:5px;border-radius:50%;background:#7896aa}
.kg-operation-halo{position:absolute;width:67%;height:64%;top:21%;left:15%;border:1px solid #ffffffe3;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 35px #f0eeff5e,inset 0 0 22px #fff5}
.kg-chart-glass{left:14%;top:17%;width:61%;height:66%;padding:18px 20px;border-radius:21px;background:linear-gradient(140deg,#ffffffc9,#ffffff52 62%,#caf0ff80);transform:rotate(-5deg)}
.kg-chart-heading{display:block;font-size:15px;letter-spacing:-.2px;color:#384e63}
.kg-chart-grid{position:absolute;left:20px;right:17px;top:53px;bottom:18px;background:repeating-linear-gradient(to top,#657f9f32 0 1px,transparent 1px 19px);border-bottom:1px solid #66849d38}
.kg-chart-glass svg{position:absolute;left:22px;bottom:19px;width:80%;height:57px;overflow:visible}
.kg-1c{position:absolute;right:9%;bottom:10%;padding:0 12px 0 6px;display:flex;align-items:center;gap:7px;height:44px;border-radius:14px;background:linear-gradient(146deg,#fff9e8e8,#fff1c2b8);font-size:13px;color:#665539;transform:rotate(4deg)}
.kg-1c b{display:grid;place-items:center;width:33px;height:30px;background:#ffe5a2;color:#a84234;border-radius:8px;font-size:17px}

:root{color-scheme:light;--ink:#142333;--muted:#546576;--blue:#194bd6;--edge:#d4dce3;--glass:#ffffffcb;font:16px/1.45 Arial,"Segoe UI",sans-serif;color:var(--ink);background:#edf1f4}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70vw 47rem at 100% -24rem,#e8b9c4 0,transparent 95%),radial-gradient(ellipse 60vw 48rem at 0 -8rem,#d7e6ed 0,transparent 90%),#eff2f5}
button,input,select{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
a{color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #1b55eb;outline-offset:3px}
.p-shell{width:min(1280px,100%);margin:auto;padding:0 clamp(18px,4.3vw,70px) 50px}
.p-head{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4d64772b;gap:16px}
.p-logo{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#172a39}
.p-logo img{width:71px;height:auto}
.p-logo i{width:1px;height:19px;background:#9daab5}
.p-logo b{font-size:17px;letter-spacing:1.45px}
.p-headnote,.p-back{font-size:14px;color:var(--muted)}
.p-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:42px}
.p-back:hover,.p-next a:hover{text-decoration:underline;color:var(--blue)}
.p-cabinet-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;margin-top:6px;color:#1944af;text-decoration:none;font-size:15px;font-weight:600}
.p-cabinet-link:hover{text-decoration:underline}
.p-cabinet-directory{margin:28px 0 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.p-cabinet-directory summary{min-height:48px;padding:13px 0;cursor:pointer;color:#28435b;font-weight:600}
.p-cabinet-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:4px 0 18px}
.p-cabinet-list strong{font-size:13px;color:var(--muted)}
.p-cabinet-list a{display:flex;align-items:center;gap:6px;width:fit-content;min-height:36px;text-decoration:none;color:var(--blue)}
.p-cabinet-list a:hover{text-decoration:underline}
.p-cabinet-list svg{width:15px;flex-shrink:0}
@media(max-width:650px){.p-cabinet-list{grid-template-columns:1fr;gap:9px}}
.p-cover{position:relative;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;min-height:min(620px,70vh);gap:4%;padding:55px 0 40px}
.p-eyebrow,.p-sectionname{font-size:12px;font-weight:650;letter-spacing:.045em;color:#52677a}
.p-eyebrow{display:flex;align-items:center;gap:8px}
.p-eyebrow:before{content:"";width:7px;height:7px;background:#4580a2;border-radius:50%}
.p-cover h1,.p-menu h1,.p-end h1,.p-product h1,.p-showhead h2{margin:0;font-weight:500;letter-spacing:-.054em;line-height:1.04;text-wrap:balance}
.p-cover h1{font-size:clamp(62px,6.4vw,99px);margin:19px 0}
.p-cover h1 span{color:#204b68}
.p-cover p,.p-end>p,.p-menurow p{color:#415568;font-size:clamp(18px,1.45vw,22px);line-height:1.47;margin:0;max-width:52ch;text-wrap:pretty}
.p-launch,.p-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.p-launch{gap:12px;margin-top:30px}
.p-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.2;gap:8px;text-decoration:none;border:1px solid #c9d3dc;border-radius:14px;padding:11px 17px;background:#ffffffa6;color:#233c50;font-size:14px;font-weight:600}
.p-btn:hover{filter:brightness(.96)}
.p-play{color:#fff;background:#194cce;border-color:transparent;box-shadow:0 4px 12px #1b4fd428}
.p-icon{padding:10px;width:44px}
.p-play-error{max-width:30ch;margin:0;color:#80412b;font-size:14px}
.p-art{position:relative;isolation:isolate;display:grid;place-items:center;height:clamp(290px,33vw,455px);margin:0;overflow:hidden;border-radius:34px;background:radial-gradient(ellipse at 91% 12%,#ecb4be 0,transparent 57%),linear-gradient(135deg,#c4d7e4,#e3e9ed 64%,#d1c6cf);box-shadow:inset 0 0 0 1px #ffffffa3}
.p-art img{width:100%;height:94%;object-fit:contain}
.p-art figcaption{position:absolute;bottom:16px;left:20px;color:#3d5264;font-size:12px}
.p-footstrip{border-top:1px solid var(--edge);display:grid;grid-template-columns:repeat(3,1fr)}
.p-footstrip>div{display:grid;gap:4px;padding:22px 18px 10px 0}
.p-footstrip strong{font-size:19px;font-weight:550}
.p-footstrip span{font-size:15px;color:var(--muted)}
.p-menu,.p-end{padding:clamp(40px,6vw,84px) 0}
.p-menurow{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:30px}
.p-menu h1,.p-end h1{font-size:clamp(40px,5.6vw,76px);margin:16px 0}
.p-end{max-width:900px}
.p-end>p{max-width:58ch}
.p-end>#controls{margin-top:26px}
.p-tabs{display:flex;align-items:center;gap:24px;padding-top:17px}
.p-tabs>div{display:flex;flex-wrap:wrap;gap:4px}
.p-product-picker{display:none}
.p-tabs a{display:flex;align-items:center;min-height:40px;padding:7px 14px;font-size:14px;border-radius:11px;text-decoration:none;color:#455c70}
.p-tabs a:hover{background:#ffffff96}
.p-tabs [aria-current]{color:#234a6a;background:#ffffffd9;box-shadow:inset 0 0 0 1px #d0dce5}
.p-sectionname{padding-right:20px;border-right:1px solid #c4d0db}
.p-overview{padding:clamp(22px,3.4vw,42px) 0 clamp(18px,2.3vw,32px)}
.p-product h1{font-size:clamp(36px,3.8vw,55px)}
.p-overview>div>p{font-size:clamp(17px,1.45vw,21px);line-height:1.4;color:#365164;max-width:70ch;text-wrap:pretty;margin:11px 0 0}
.p-showcase{background:#fbfcfd;border:1px solid #e0e6ea;border-radius:22px;padding:clamp(15px,2.2vw,30px)}
.p-showhead{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:1px 0 17px;background:#fbfcfd}
.p-showcase.is-playing .p-showhead{position:sticky;top:0;z-index:3}
.p-showhead h2{font-size:clamp(23px,2.1vw,32px);margin-top:6px;letter-spacing:-.036em}
.p-case-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;color:#52677a;font-size:12px;line-height:1.3}
#story-position{padding-left:10px;border-left:1px solid #becbd4;color:#3e596d}
.p-showhead .p-controls{flex-shrink:0}
.p-aftercase{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-top:1px solid var(--edge);margin-top:20px;padding:7px 0}
.p-kpi{min-width:0}
.p-kpi summary{width:fit-content;min-height:42px;padding:10px 0;cursor:pointer;color:#364d5f;font-size:14px}
.p-kpi summary span{color:#526679;margin-right:8px}
.p-kpi summary b{font-size:15px;color:#244c61;white-space:nowrap}
.p-kpi details p{color:var(--muted);font-size:14px;margin:2px 0 9px;max-width:72ch}
.p-aftercase .p-cabinet-link{min-height:42px;margin:0;white-space:nowrap}
#lab-body{min-width:0;width:100%}
.p-target{outline:3px solid #1f66eb!important;outline-offset:4px;box-shadow:0 0 0 9px #296cec22!important}
.p-film{width:100%;display:grid;place-items:center;overflow:hidden;background:#16212b;border-radius:16px}
.p-film video{display:block;width:100%;max-height:65vh;object-fit:contain;min-height:170px}
.p-portrait{background:radial-gradient(ellipse at 50% 40%,#485766,#16212b 75%)}
.p-portrait video{width:auto;max-width:100%}
.p-next{display:flex;justify-content:flex-end;padding:16px 4px 0}
.p-next a{display:inline-flex;align-items:center;gap:8px;color:#354f66;text-decoration:none;font-size:15px;min-height:40px}
@media(max-width:800px){.p-tabs{gap:11px}.p-tabs a{padding:7px 9px}.p-showhead h2{max-width:25ch}.p-cover{gap:16px}.p-menu .kg-paths{height:auto;grid-template-columns:1fr}.p-menu .kg-path{height:180px;display:grid;grid-template-columns:37% 1fr;align-items:center}.kg-path .kg-visual{min-height:140px;height:145px}.kg-path .kg-path-copy{position:static;padding:10px 47px 10px 8px}.kg-path .kg-caption{max-width:none}.p-shell{padding-bottom:30px}}
@media(max-width:600px){.p-shell{padding:0 13px 22px}.p-head{height:56px}.p-headnote{font-size:12px}.p-logo{gap:8px}.p-logo img{width:58px}.p-logo b{font-size:14px}.p-cover{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 20px;gap:24px}.p-art{height:230px}.p-cover h1{font-size:61px}.p-launch{margin-top:20px}.p-btn{padding:10px 12px}.p-footstrip{grid-template-columns:1fr}.p-footstrip>div{grid-template-columns:105px 1fr;padding:12px 0;border-bottom:1px solid var(--edge)}.p-footstrip strong{font-size:16px}.p-footstrip span{font-size:14px}.p-menurow,.p-showhead{align-items:flex-start;flex-direction:column;gap:12px}.p-menurow{margin-bottom:18px}.p-menu .kg-path{height:175px;grid-template-columns:35% 1fr}.p-menu .kg-visual{transform:scale(.8);transform-origin:left center;width:120%}.p-menu .kg-title{font-size:24px}.p-menu .kg-caption{font-size:14px}.p-tabs{display:block;padding-top:12px}.p-sectionname{border:0;padding:0}.p-tabs>div{position:relative;flex-wrap:nowrap;overflow-x:auto;padding:4px 0;scrollbar-width:thin}.p-tabs a{white-space:nowrap;flex-shrink:0}.p-overview{display:block;padding:16px 0 19px}.p-overview>div>p{font-size:16px}.p-kpi details p{margin-bottom:0}.p-showcase{padding:12px;border-radius:18px}.p-showhead h2{max-width:none}.p-aftercase{display:block;margin-top:12px}.p-kpi details p{margin-bottom:7px}.p-showhead{padding:2px 0 12px}.p-showcase.is-playing .p-showhead{padding:7px 0;background:#fbfcfdf5}.p-showcase.is-playing .p-showhead h2{font-size:18px}.p-showcase.is-playing .p-showhead .p-case-source{display:none}.p-showcase.is-playing #story-position{padding-left:0;border:0}.p-eyebrow{font-size:11px}.p-film video{min-height:120px}}
@media(max-width:600px){
  .p-product .p-tabs{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px}
  .p-product .p-tabs>div{display:none}
  .p-product-picker{display:block;max-width:72%;min-width:0;min-height:40px;padding:6px 8px;border:1px solid #d1dbe1;border-radius:9px;background:#fbfcfd;color:#28475d;font:500 14px/1.2 Arial,sans-serif}
  .p-overview{padding:12px 0 14px}
  .p-overview>div>p{margin-top:6px;line-height:1.36}
  .p-product h1{font-size:clamp(29px,7.7vw,37px);line-height:1.04}
  .p-showhead{gap:8px;padding-bottom:10px}
  .p-showhead h2{font-size:21px;margin-top:4px}
  .p-case-label{font-size:11px}
}
.p-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,205px);align-items:start;column-gap:clamp(18px,3vw,48px)}
.p-price{justify-self:end;display:grid;justify-items:end;gap:4px;max-width:100%;text-align:right}
.p-price strong{color:#24445a;font-size:clamp(21px,2vw,28px);font-weight:600;line-height:1.13;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums}
.p-price span{max-width:21ch;color:#526579;font-size:13px;line-height:1.3;text-wrap:balance}
@media(max-width:600px){
  .p-overview{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:8px}
  .p-product-heading{display:contents}
  .p-product-heading h1{grid-area:1/1;font-size:clamp(22px,6.2vw,33px);overflow-wrap:anywhere;hyphens:auto}
  .p-overview>.p-product-heading>p{grid-area:2/1/3/-1;margin:0}
  .p-price{grid-area:1/2;max-width:112px;gap:3px}
  .p-price strong{font-size:clamp(16px,4.4vw,21px)}
  .p-price span{font-size:11px;line-height:1.2}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:0s!important;transition:none!important}}

.ks-workspace {
  --ks-ink: #20343c;
  --ks-muted: #425866;
  --ks-line: #d5dfe3;
  --ks-action: #165345;
  color: var(--ks-ink);
  background: white;
  border: 1px solid var(--ks-line);
  border-radius: 15px;
  overflow: hidden;
  font: 15px/1.48 Arial, "Segoe UI", sans-serif;
  text-align: left;
}
.ks-workspace *, .ks-workspace *::before, .ks-workspace *::after {box-sizing: border-box}
.ks-workspace :is(h3,p,dl,dd) {margin: 0}
.ks-workspace .ks-icon {display: block; width: 18px; height: 18px; flex: 0 0 auto}
.ks-source {display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-height: 54px; padding: 11px clamp(14px,2.2vw,27px); background: #f8fafb; border-bottom: 1px solid var(--ks-line)}
.ks-source strong {font-size: 14px; font-weight: 650; color: #1f3542}
.ks-source>span:last-child {font-size: 13px; color: var(--ks-muted)}
.ks-brand {display: grid; place-items: center; height: 28px; width: 28px; flex: 0 0 auto; border-radius: 8px; color: #33586b; background: #e3edf1}
.ks-brand.ks-telegram {border-radius: 50%; color: #fff; background: #167dab}
.ks-brand.ks-learn {color: #6a4686; background: #eee6f4}
.ks-chat {display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px clamp(14px,3vw,38px); background: #e8f0e7}
.ks-message {max-width: min(84%,66ch); width: fit-content; border-radius: 11px 11px 11px 2px; background: #fff; padding: 8px 13px 10px; box-shadow: 0 1px 2px #1d502b16; color: #203529; overflow-wrap: anywhere}
.ks-message.ks-out {align-self: flex-end; border-radius: 11px 11px 2px 11px; background: #f2ffeb}
.ks-message p {font-size: 15px; line-height: 1.44}
.ks-by {display: flex; align-items: center; gap: 7px; color: #3b604a; font-size: 12px; margin-bottom: 3px}
.ks-by strong {font-weight: 650}
.ks-by time {font-variant-numeric: tabular-nums}
.ks-by .ks-icon {width: 13px; height: 13px}
.ks-facts,.ks-exercise {padding: 20px clamp(14px,3vw,38px)}
.ks-workspace h3 {color: var(--ks-ink); font: 650 clamp(18px,1.55vw,23px)/1.24 Arial,sans-serif; letter-spacing: -.025em}
.ks-facts dl {max-width: 74ch; margin-top: 12px}
.ks-facts dl>div {display: grid; grid-template-columns: minmax(105px, .65fr) 2.5fr; gap: 16px; border-top: 1px solid #e5ebed; padding: 9px 0}
.ks-facts dt {font-size: 13px; color: var(--ks-muted)}
.ks-facts dd {font-size: 15px; font-weight: 500; overflow-wrap: anywhere}
.ks-decision {display: flex; align-items: center; justify-content: space-between; gap: 13px 26px; padding: 15px clamp(14px,3vw,38px); border-top: 1px solid var(--ks-line); background: #f8faf9; scroll-margin: 20px}
.ks-decision p {max-width: 64ch; color: #2e4941; font-size: 14px; line-height: 1.46}
.ks-decision .ks-action:only-child {margin-inline-start: auto}
.ks-action {display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 9px; min-height: 43px; max-width: 100%; border: 0; border-radius: 9px; padding: 10px 14px; background: var(--ks-action); color: #fff; font: 600 14px/1.35 Arial,sans-serif; cursor: pointer}
.ks-action:hover {background: #103e35}
.ks-action .ks-icon {width: 15px; height: 15px}
.ks-workspace :is(button,summary,[tabindex]):focus-visible {outline: 3px solid #196d9f; outline-offset: -3px}
.ks-action:focus-visible {box-shadow: inset 0 0 0 3px #a7dbfa}
.ks-archive {border-top: 1px solid var(--ks-line); color: #345263}
.ks-archive summary {cursor: pointer; width: fit-content; max-width: 100%; padding: 11px clamp(14px,3vw,38px); font: 600 13px/1.45 Arial,sans-serif}
.ks-archive[open] summary {padding-bottom: 9px}
.ks-archive .ks-chat {background: #f1f5f1}
.ks-choices {display: grid; max-width: 77ch; gap: 7px; margin-top: 12px}
.ks-choice {display: block; width: 100%; min-height: 45px; padding: 10px 14px; border: 1px solid #b7c8cc; border-radius: 9px; background: #fff; color: #233b46; font: 500 14px/1.45 Arial,sans-serif; text-align: left; cursor: pointer}
.ks-choice:hover {border-color: #648990; background: #eff5f5}
.ks-choice.ks-chosen {border-color: #a37735; background: #fff6e5}
.ks-feedback {padding: 4px 8px; font-size: 13px; color: #77501b}
@media (max-width:700px) {
  .ks-source {min-height: 46px; padding: 8px 12px; gap: 3px 6px}
  .ks-source>span:last-child {font-size: 12px}
  .ks-chat {padding: 11px; gap: 8px}
  .ks-message {max-width: 94%; padding: 7px 10px 9px}
  .ks-message p {font-size: 14px}
  .ks-facts,.ks-exercise {padding: 14px 12px}
  .ks-facts dl>div {grid-template-columns: minmax(70px,.75fr) 1.6fr; gap: 8px; padding: 7px 0}
  .ks-facts dd {font-size: 14px}
  .ks-decision {display: grid; justify-content: stretch; gap: 8px; padding: 11px 12px}
  .ks-decision .ks-action:only-child {margin-inline-start: 0}
  .ks-choice {padding: 9px 10px}
}


.ka-app {
  --ka-ink:#203546; --ka-muted:#536876; --ka-edge:#d4dfe5; --ka-blue:#254e67;
  width:100%; min-width:0; container-type:inline-size; margin:0; overflow:hidden;
  border:1px solid #cbd8df; border-radius:18px; background:#fff;
  color:var(--ka-ink); font:15px/1.46 Arial,"Segoe UI",sans-serif; text-align:left;
}
.ka-app *, .ka-app *::before, .ka-app *::after {box-sizing:border-box;min-width:0}
.ka-app :is(h3,h4,p,dl,dd,ul,figure){margin:0}
.ka-app :is(button,select,summary){font:inherit;cursor:pointer}
.ka-app :is(button,select,summary):focus-visible{outline:3px solid #28649a;outline-offset:2px}
.ka-app [data-ka-start]:focus,.ka-app [data-result]:focus{outline:none}
.ka-top {
  display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:49px;
  padding:10px clamp(14px,2.3cqw,24px); border-bottom:1px solid var(--ka-edge); background:#edf3f6;
}
.ka-top>strong {display:inline-flex; align-items:center; gap:8px; color:#2d4c5f; font-size:14px; font-weight:600; line-height:1.3}
.ka-top svg,.ka-action svg {flex:none}
.ka-tag {display:inline-block; flex:none; padding:3px 8px; border-radius:6px; background:#dbe9f2; color:#32516b; font-size:12px; font-weight:600}
.ka-tag.good {background:#dcefe4; color:#21583d}
.ka-tag.muted {background:#ede8df; color:#655139}
.ka-stage {padding:clamp(17px,2.8cqw,31px); overflow-wrap:anywhere}
.ka-casehead,.ka-main,.ka-evidence {width:min(100%,780px);margin:0 auto}
.ka-casehead {margin-bottom:15px}
.ka-casehead h3 {color:#1c3343;font-size:clamp(21px,2.6cqw,31px);letter-spacing:-.038em;line-height:1.13;font-weight:550}
.ka-casehead p,.ka-main small,.ka-evidence small,.ka-drawing figcaption,.ka-facts dt {display:block;color:var(--ka-muted);font-size:13px;line-height:1.38}
.ka-casehead p {margin-top:5px}
.ka-casehead p:first-child {margin-top:0}
.ka-subject strong {display:block;color:var(--ka-ink);font-size:16px;line-height:1.35}
.ka-subject small {margin-top:2px}
.ka-main,.ka-foldbody {display:grid;align-content:start;justify-items:start;gap:12px}
.ka-message,.ka-document,.ka-outcome {
  width:100%; padding:13px 16px; border-radius:10px; border:1px solid #d8e4eb; background:#f0f5f8;
}
.ka-message {border-left:3px solid #8cabc0}
.ka-message p,.ka-document p {margin-top:4px; max-width:78ch; color:#203a4b}
.ka-outgoing {background:#edf5f2;border-color:#d7e5df;border-left-color:#88aca5}
.ka-incoming {border-left-color:#779fc1;background:#ebf2f8}
.ka-document {background:#f7f6f1;border-color:#e4e0cc}
.ka-app .ka-action {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px;
  padding:9px 14px; border:1px solid transparent; border-radius:9px; background:var(--ka-blue);
  color:#fff; font:600 14px/1.35 Arial,sans-serif; text-align:center;
}
.ka-app .ka-action:hover {background:#193e55}
.ka-app .ka-action:focus-visible {outline-color:#266b9c;outline-offset:2px}
.ka-evidence {margin-top:12px}
.ka-fold {min-width:0;color:var(--ka-ink)}
.ka-fold summary {
  display:flex; align-items:center; gap:8px; min-height:40px; list-style:none;
  color:#3c6178; font-size:13px; line-height:1.35; font-weight:600; width:fit-content; max-width:100%;
}
.ka-fold summary::-webkit-details-marker {display:none}
.ka-fold summary::after {content:"";width:7px;height:7px;flex:none;margin:-3px 3px 0 2px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.ka-fold[open]>summary::after {transform:rotate(225deg);margin-top:4px}
.ka-foldbody {padding:4px 0 8px;gap:9px}
.ka-other {padding:0 clamp(15px,2.8cqw,31px);border-top:1px solid var(--ka-edge);background:#f8fafb}
.ka-other details {width:min(100%,780px);margin:auto}
.ka-other summary {color:var(--ka-muted);min-height:43px;font-weight:500}
.ka-other .ka-foldbody {display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding-bottom:15px}
.ka-other label {display:grid;gap:4px;flex:1 1 155px;font-size:12px;line-height:1.35;color:var(--ka-muted)}
.ka-other label:first-child {flex:2 1 240px}
.ka-other select {width:100%;min-height:41px;border:1px solid #bdccd5;border-radius:8px;padding:6px 8px;background:#fff;color:var(--ka-ink);font-size:14px}
.ka-facts {width:100%;display:grid;border-top:1px solid var(--ka-edge)}
.ka-facts>div {display:grid;grid-template-columns:minmax(90px,.6fr) minmax(0,1.5fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--ka-edge);align-items:baseline}
.ka-facts dd {font-weight:550}
.ka-outcome {border-color:#c4decf;background:#eef7f2;color:#244e39}
.ka-outcome p {font-size:clamp(16px,1.9cqw,20px);line-height:1.38;margin:5px 0 9px}
.ka-outcome.muted {color:#514f45;background:#f5f3ec;border-color:#e5e1d2}
.ka-outcome .ka-facts>div:last-child {border-bottom:0;padding-bottom:0}
.ka-checks {list-style:none;width:100%;padding:0}
.ka-checks li {display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ka-edge)}
.ka-checks li:first-child {padding-top:0}
.ka-checks strong {font-size:15px}
.ka-verdict {display:grid;place-items:center;width:26px;height:26px;border-radius:50%;flex-shrink:0}
.ka-verdict.good {background:#e0f1e7;color:#2d6349}
.ka-verdict.fail {background:#f4e5e3;color:#8c453b}
.ka-remark {font-size:14px;color:#5d5849}
.ka-drawing {width:100%;padding:10px 14px;border:1px solid var(--ka-edge);border-radius:9px;background:#f4f8fa;color:#37586d}
.ka-drawing svg {display:block;width:min(100%,270px);height:auto}
.ka-drawing text {font:10px Arial,sans-serif;fill:currentColor}
@container (max-width:500px) {
  .ka-top {min-height:44px}
  .ka-top>strong {font-size:13px}
  .ka-casehead{margin-bottom:12px}
  .ka-main,.ka-foldbody{gap:9px}
  .ka-message,.ka-document,.ka-outcome{padding:11px 12px}
  .ka-tag {font-size:11px}
}
@container (max-width:350px) {
  .ka-stage {padding-inline:13px}
  .ka-app .ka-action {width:100%}
  .ka-facts>div {grid-template-columns:minmax(70px,.75fr) minmax(0,1.25fr)}
}

.ko-lab, .ko-lab * { box-sizing: border-box; }
.ko-lab {
  --ko-ink: #192936;
  --ko-muted: #4c5f6b;
  --ko-edge: #d8e1e7;
  --ko-accent: #30527d;
  --ko-wash: #edf2f9;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--ko-edge);
  border-radius: 16px;
  background: #fff;
  color: var(--ko-ink);
  font: 16px/1.45 "Segoe UI", Arial, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
  container-type: inline-size;
}
.ko-debt { --ko-accent: #705324; --ko-wash: #fff5d7; }
.ko-market { --ko-accent: #305b47; --ko-wash: #ecf4ee; }
.ko-lab :where(h3, p, figure, blockquote, dl, dt, dd) { margin: 0; }
.ko-bar {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px clamp(16px, 3.5cqw, 34px);
  border-radius: 15px 15px 0 0;
  border-bottom: 1px solid var(--ko-edge);
  background: var(--ko-wash);
}
.ko-bar strong, .ko-bar small { display: block; }
.ko-bar strong { font-size: 15px; font-weight: 650; }
.ko-bar small, .ko-message figcaption, .ko-fields dt, .ko-editions dt, .ko-readings dt { color: var(--ko-muted); font-size: 13px; }
.ko-symbol {
  display: grid;
  flex: 0 0 33px;
  height: 33px;
  place-items: center;
  border: 1px solid #bacccd;
  border-radius: 8px;
  color: var(--ko-accent);
  font: 700 17px/1 Arial,sans-serif;
}
.ko-debt .ko-symbol { border-color: #dcc273; background: #ffdb63; color: #963d22; letter-spacing: -2px; }
.ko-glyph { width: 1em; height: 1em; vertical-align: -.12em; }
.ko-symbol .ko-glyph { width: 20px; height: 20px; }
.ko-sheet { padding: clamp(22px, 4cqw, 40px) clamp(16px, 3.5cqw, 34px); }
.ko-lab .ko-sheet h3 {
  max-width: 38ch;
  margin: 0 0 16px;
  color: var(--ko-ink);
  font: 600 clamp(21px, 3.1cqw, 30px)/1.17 "Segoe UI", Arial,sans-serif;
  letter-spacing: -.034em;
}
.ko-copy, .ko-message, .ko-balance, .ko-editions, .ko-samples, .ko-readings { max-width: 66ch; }
.ko-lab .ko-copy { color: #364957; line-height: 1.53; }
.ko-message {
  padding: 2px 0 2px 15px;
  border-left: 3px solid var(--ko-accent);
}
.ko-message figcaption { margin-bottom: 5px; font-weight: 600; }
.ko-message blockquote { padding: 0; line-height: 1.5; }
.ko-message + .ko-copy { margin-top: 14px; }
.ko-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 21px; }
.ko-lab .ko-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 44px;
  padding: 10px 17px;
  border: 1px solid #b6c7d0;
  border-radius: 9px;
  background: #fff;
  color: var(--ko-ink);
  font: 600 14px/1.35 "Segoe UI",Arial,sans-serif;
  text-align: center;
  white-space: normal;
  cursor: pointer;
}
.ko-lab .ko-primary { color: #fff; border-color: var(--ko-accent); background: var(--ko-accent); }
.ko-action:hover { filter: brightness(.94); }
.ko-lab :is(a, button, summary):focus-visible, .ko-outcome:focus-visible { outline: 3px solid #3158ba; outline-offset: 3px; }
.ko-balance { width: min(100%, 410px); }
.ko-balance-track { height: 8px; overflow: hidden; border-radius: 8px; background: #decba4; }
.ko-balance-track i { display: block; height: 100%; border-right: 3px solid #fff; background: #4b6859; }
.ko-balance-labels { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 9px; color: var(--ko-muted); font-size: 14px; }
.ko-balance-labels b { color: var(--ko-ink); }
.ko-editions, .ko-readings { display: flex; flex-wrap: wrap; gap: 13px clamp(18px, 4cqw, 38px); }
.ko-editions { margin-bottom: 15px; }
.ko-editions dd { font-size: 20px; font-weight: 600; letter-spacing: -.025em; }
.ko-readings { margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--ko-edge); }
.ko-readings dd { margin-top: 3px; font-size: 14px; color: var(--ko-muted); }
.ko-readings b { color: #754618; font-size: 18px; }
.ko-samples { display: flex; flex-wrap: wrap; gap: 9px 20px; margin-bottom: 12px; }
.ko-color { display: inline-flex; align-items: center; gap: 7px; }
.ko-color i { width: 13px; height: 13px; flex-shrink: 0; border: 1px solid #0002; border-radius: 3px; }
.ko-samples .ko-color { font-weight: 600; }
.ko-samples .ko-color i { width: 28px; height: 26px; border-radius: 5px; }

.ko-originals { padding-inline: clamp(16px, 3.5cqw, 34px); border-top: 1px solid var(--ko-edge); border-radius: 0 0 15px 15px; background: #f8fafb; }
.ko-original + .ko-original { border-top: 1px solid var(--ko-edge); }
.ko-original summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 0;
  list-style: none;
  color: #445969;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.ko-original summary::-webkit-details-marker { display: none; }
.ko-original summary .ko-glyph { width: 15px; height: 15px; flex: 0 0 15px; }
.ko-original summary .ko-glyph:last-child { width: 13px; height: 13px; margin-left: auto; }
.ko-original[open] summary .ko-glyph:last-child { transform: rotate(90deg); }
.ko-paper { padding: 0 0 14px 23px; }
.ko-fields { display: grid; gap: 8px; }
.ko-fields > div { display: grid; grid-template-columns: minmax(100px, 150px) minmax(0, 1fr); gap: 6px 14px; }
.ko-fields dd, .ko-table { color: var(--ko-ink); font-size: 14px; }
.ko-table { border-collapse: collapse; width: min(100%, 650px); }
.ko-table :is(th, td) { padding: 6px 7px; border-bottom: 1px solid var(--ko-edge); text-align: left; }
.ko-table th { font-size: 12px; color: var(--ko-muted); }
.ko-source { display: inline-block; margin-top: 11px; color: #285886; font-size: 14px; font-weight: 600; text-underline-offset: 3px; }
@container (max-width: 430px) {
  .ko-actions { align-items: stretch; flex-direction: column; }
  .ko-lab .ko-sheet h3 { margin-bottom: 12px; }
  .ko-paper { padding-left: 0; }
  .ko-fields > div { grid-template-columns: minmax(78px,.75fr) minmax(0,1fr); }
  .ko-table :is(th,td) { padding: 6px 3px; }
}

.cabinet-embed, .cabinet-embed body {
  background: transparent;
  min-height: 0;
}
.cabinet-embed #app, .p-embedded {
  width: 100%;
  min-width: 0;
}
.p-embedded .p-showcase {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.p-embedded .p-showhead {
  position: static;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
}
.p-embedded .p-showhead h2 {
  margin: 0;
}