.site-riverchat{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;padding:clamp(28px,5vw,65px);border:1px solid #3a3a3a25;border-radius:26px;background:linear-gradient(120deg,#fff0c2,#fff0c2);color:#222222;margin:40px auto;max-width:1280px;box-sizing:border-box;scroll-margin-top:30px}.site-riverchat h2{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.03em;margin:15px 0;color:#222222}.site-riverchat p{font-size:15px;line-height:1.8;color:#a65000}.site-riverchat ul{list-style:none;display:grid;gap:13px;padding:0;margin:25px 0}.site-riverchat li{display:flex;align-items:center;gap:10px;font-size:13px;color:#222222}.site-riverchat li .ui-icon{color:#222222;flex-shrink:0}.site-riverchat-actions{display:flex;gap:10px;flex-wrap:wrap}.site-riverchat-copy>small{display:block;font-size:10px;line-height:1.7;margin-top:15px;color:#a65000}.site-riverchat-demo{min-width:0;border:1px solid #dedede;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #00000012;transform:rotate(1deg)}.site-riverchat-demo>header{display:flex;align-items:center;gap:11px;padding:18px;background:#111111;color:#fff}.site-riverchat-demo header small{display:block;font-size:10px;color:#e7e7e7;margin-top:4px}.site-riverchat-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:13px 13px 13px 3px;background:#292929;color:#fff;font-size:24px;font-weight:800}.site-riverchat-example{display:flex;flex-direction:column;gap:15px;padding:20px;background:radial-gradient(#29292912 1px,transparent 1px) 0 0/17px 17px}.site-riverchat-example>span{align-self:center;color:#a65000;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.site-riverchat-example article{align-self:flex-start;max-width:85%;padding:12px 14px;background:#fff;border:1px solid #dedede;border-radius:3px 13px 13px 13px;box-shadow:0 2px 4px #00000005}.site-riverchat-example article:nth-of-type(2){align-self:flex-end;background:#fff0c2;border-color:#dedede;border-radius:13px 3px 13px 13px}.site-riverchat-example article.site-riverchat-note{background:#fff6dd;border-color:#eddfb5}.site-riverchat-example strong{font-size:10px;color:#222222}.site-riverchat-example p{font-size:12px;line-height:1.65;margin:6px 0;color:#222222}.site-riverchat-demo footer{display:flex;align-items:center;gap:8px;padding:15px;border-top:1px solid #dedede;color:#a65000;font-size:10px}@media(max-width:800px){.site-riverchat{grid-template-columns:1fr;padding:24px 18px;border-radius:18px;margin:25px 12px}.site-riverchat-demo{transform:none}.site-riverchat-actions .btn{white-space:normal;text-align:center}.site-riverchat-example{padding:16px}.site-riverchat li{font-size:12px}}