/* Chat V22. Group Chat and its original rules are deliberately untouched. */
html:has(.chat-v22){scroll-behavior:auto}
.chat-v22 .about-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:40px;min-height:0;padding:46px 0 56px;align-items:center}
.chat-v22 .about-hero__copy{min-width:0}
.chat-v22 .about-hero h1{font-size:clamp(40px,4.1vw,61px);line-height:1.08}
.chat-v22 .about-hero__copy>p:not(.eyebrow){font-size:17px;line-height:1.7}
.chat-v22 .c22-nav{display:flex;flex-wrap:wrap;gap:5px 21px;margin:26px 0 0;padding:15px 0 0;border-top:1px solid #ded9ec}
.chat-v22 .c22-nav a{padding:6px 0;font-size:13px;line-height:1.5;min-height:34px;color:#625282}
.chat-v22 .c22-visual{margin:0;min-width:0;max-width:100%}
.chat-v22 .c22-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:24px;filter:none;box-shadow:none}
.chat-v22 .c22-visual figcaption{font-size:11px;color:#79718c;margin-top:10px;text-align:center;line-height:1.5}
.chat-v22 .c22-row{--chat-accent:#7862d6;width:min(1200px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:58px 0;scroll-margin-top:28px}
.chat-v22 .c22-copy{min-width:0}
.chat-v22 .c22-copy .section-kicker{color:var(--chat-accent)}
.chat-v22 .c22-copy h2{font-size:clamp(34px,3.25vw,48px);font-weight:590;line-height:1.12;letter-spacing:-.048em;margin:0;text-wrap:balance}
.chat-v22 .c22-copy>p:not(.section-kicker){color:#656075;font-size:16px;line-height:1.7;margin:22px 0 0}
.chat-v22 .c22-details{display:grid;gap:13px;margin:26px 0 0;padding:0;list-style:none;color:#625b72;font-size:14px;line-height:1.65}
.chat-v22 .c22-details li{border-left:2px solid var(--chat-accent);padding:2px 0 2px 15px}
.chat-v22 .c22-row--translation,.chat-v22 .c22-row--gifts{width:min(1290px,calc(100% - 48px));padding:48px;margin:24px auto;border-radius:32px;background:linear-gradient(125deg,#eee9ff,#faf8ff 63%,#e9eaff)}
.chat-v22 .c22-row--translation{gap:32px 44px}
.chat-v22 .c22-mode-area{grid-column:1/-1}
.chat-v22 .c22-mode-lead{font-size:17px;font-weight:550;color:#39304f;margin:0 0 20px;line-height:1.6}
.chat-v22 .c22-modes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.chat-v22 .c22-modes article{padding:24px;border:1px solid #ded6f0;background:#fff9;border-radius:20px}
.chat-v22 .c22-modes article:last-child{border-color:#a68aee;background:#e6dcff80}
.chat-v22 .c22-modes h3{font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0 0 12px}
.chat-v22 .c22-modes p,.chat-v22 .c22-ai-note{font-size:14px;line-height:1.7;color:#665d78;margin:0}
.chat-v22 .c22-ai-note{margin:18px 0 0;font-size:12px}
.chat-v22 .c22-row--interactions{--chat-accent:#b8a6ff;width:min(1290px,calc(100% - 48px));padding:48px;margin:12px auto 24px;border-radius:32px;color:white;background:radial-gradient(circle at 100% 0,#5451a880,transparent 55%),linear-gradient(135deg,#19142d,#372678)}
.chat-v22 .c22-row--interactions .c22-copy>p:not(.section-kicker),.chat-v22 .c22-row--interactions .c22-details{color:#ddd8ed}
.chat-v22 .c22-row--gifts{background:linear-gradient(130deg,#eee8ff,#ffeef3 65%,#fff6e9)}
.chat-v22 .site-header{gap:18px}
.chat-v22 .my-locale-switcher{flex-shrink:0;margin-left:0}
.chat-v22 a:focus-visible,.chat-v22 summary:focus-visible{outline:3px solid #6651ff;outline-offset:5px}
@media(max-width:1024px){
 .chat-v22 .about-hero{grid-template-columns:1fr;width:calc(100% - 48px);gap:28px;padding:36px 0 44px}
 .chat-v22 .about-hero__copy{max-width:730px;width:100%}
 .chat-v22 .about-hero>.c22-visual{width:100%;max-width:700px;margin:0 auto}
 .chat-v22 .c22-row{width:calc(100% - 48px);gap:30px;padding:44px 0}
 .chat-v22 .c22-row--translation,.chat-v22 .c22-row--interactions,.chat-v22 .c22-row--gifts{padding:32px}
 .chat-v22 .c22-copy h2{font-size:36px}
}
@media(max-width:720px){
 .chat-v22 .about-hero{width:calc(100% - 40px);padding:30px 0 34px}
 .chat-v22 .about-hero h1{font-size:clamp(36px,9.5vw,48px)}
 .chat-v22 .about-hero__copy>p:not(.eyebrow){font-size:15px}
 .chat-v22 .c22-nav{gap:3px 17px;margin-top:22px}
 .chat-v22 .c22-row{width:calc(100% - 40px);grid-template-columns:1fr;gap:28px;padding:36px 0}
 .chat-v22 .c22-copy{order:0}
 .chat-v22 .c22-visual{order:1}
 .chat-v22 .c22-mode-area{order:2}
 .chat-v22 .c22-copy h2{font-size:34px}
 .chat-v22 .c22-copy>p:not(.section-kicker){font-size:15px;margin-top:18px}
 .chat-v22 .c22-details{font-size:14px;gap:12px}
 .chat-v22 .c22-row--translation,.chat-v22 .c22-row--interactions,.chat-v22 .c22-row--gifts{width:calc(100% - 24px);padding:30px 22px;border-radius:26px}
 .chat-v22 .c22-modes{grid-template-columns:1fr;gap:12px}
 .chat-v22 .c22-modes article{padding:20px}
 .chat-v22 .c22-visual img{border-radius:18px}
 .chat-v22 .site-header{gap:10px}
}