/* Conversation timeline: greige questions, navy replies, fine gold lines. */
body.soft-palace #support .support-availability-layout {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start;}
body.soft-palace #support .support-availability {min-width:0;}
body.soft-palace #support .support-availability h3 {font-size:clamp(26px,2.55vw,34px);line-height:1.75;}
body.soft-palace #support .support-chat-scene {min-width:0;position:relative;padding-top:5px;color:#45474d;}
body.soft-palace #support .support-chat-heading {margin:0 0 20px;}
body.soft-palace #support .support-chat-heading p {margin:0;font:400 20px/1.7 var(--hand);font-style:oblique 6deg;color:#222;}
body.soft-palace #support .support-chat-timeline {list-style:none;margin:0;padding:0 4px 0 0;}
body.soft-palace #support .support-chat-step {position:relative;margin:0;padding:0 0 0 33px;}
body.soft-palace #support .support-chat-step::before {content:"";position:absolute;left:11px;top:27px;bottom:0;border-left:1px solid #d4bd92;}
body.soft-palace #support .support-chat-step:last-child::before {bottom:7px;}
body.soft-palace #support .support-chat-step h4 {display:flex;align-items:center;gap:10px;margin:0 0 10px -33px;font:600 13px/1.6 var(--font);letter-spacing:.03em;color:#23394a;}
body.soft-palace #support .support-chat-step h4>span {display:inline-grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid #c4a46b;border-radius:50%;background:#fff;font:500 10px/1 var(--font);color:#9b7d43;}
body.soft-palace #support .support-chat-message {position:relative;width:fit-content;max-width:100%;}
body.soft-palace #support .support-chat-message>span {display:block;margin-bottom:3px;font:400 10px/1.5 var(--font);letter-spacing:.03em;color:#83796d;}
body.soft-palace #support .support-chat-message p {margin:0;font:500 14px/1.75 var(--font);letter-spacing:0;color:#70675e;overflow-wrap:anywhere;}
body.soft-palace #support .support-chat-question {padding:8px 13px;background:#f7f5f1;border-radius:3px 8px 8px 8px;}
body.soft-palace #support .support-chat-reply {margin:15px 0 0 20px;padding:0 0 0 15px;background:none;border:0;}
body.soft-palace #support .support-chat-reply::before {content:"";position:absolute;left:0;top:-10px;height:20px;border-left:1px solid #c4a46b;}
body.soft-palace #support .support-chat-reply::after {content:"";position:absolute;left:-3px;top:5px;width:6px;height:6px;border-right:1px solid #c4a46b;border-bottom:1px solid #c4a46b;transform:rotate(45deg);}
body.soft-palace #support .support-chat-reply>span {color:#536879;}
body.soft-palace #support .support-chat-reply p {font-weight:700;color:#23394a;}
body.soft-palace #support .support-chat-practice {position:relative;margin:0 0 0 -33px;padding:15px 0 16px 33px;font:500 12px/1.5 var(--font);letter-spacing:.12em;color:#9b7d43;}
body.soft-palace #support .support-chat-practice::after {content:"";position:absolute;left:8px;bottom:9px;width:6px;height:6px;border-right:1px solid #c4a46b;border-bottom:1px solid #c4a46b;transform:rotate(45deg);}

/* One final speech bubble, after the two exchanges. */
body.soft-palace #support .support-chat-guide {position:relative;height:139px;margin:4px -7px 0 0;overflow:hidden;isolation:isolate;}
body.soft-palace #support .support-chat-character {position:absolute;right:0;bottom:6px;width:136px;height:136px;transform-origin:50% 95%;}
body.soft-palace #support .support-chat-standing {display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
body.soft-palace #support .support-chat-bubble {position:absolute;left:10px;right:125px;bottom:25px;padding:13px 14px;background:#fff;border:1px solid #cfb98c;border-radius:15px 15px 3px 15px;transform-origin:100% 80%;}
body.soft-palace #support .support-chat-bubble::after {content:"";position:absolute;width:10px;height:10px;right:-6px;bottom:19px;background:#fff;border-top:1px solid #cfb98c;border-right:1px solid #cfb98c;transform:rotate(45deg);}
body.soft-palace #support .support-chat-bubble>span {display:block;margin:0 0 4px;font:700 10px/1.5 var(--font);color:#9b7d43;}
body.soft-palace #support .support-chat-bubble p {margin:0;font:500 12px/1.9 var(--font);letter-spacing:0;color:#23394a;}
body.soft-palace #support .support-chat-replay {position:absolute;right:7px;top:1px;display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:transparent;color:#aa9673;font:400 22px/1 var(--font);cursor:pointer;}
body.soft-palace #support .support-chat-replay[hidden] {display:none;}
body.soft-palace #support .support-chat-replay:hover {background:#f5eddf;}
body.soft-palace #support .support-availability-layout+.support-facts {margin-top:38px;}

/* A single gentle entrance from the right, then the handwritten message. */
body.soft-palace #support .support-chat-guide[data-state="waiting"] .support-chat-character {opacity:0;transform:translateX(54px);}
body.soft-palace #support .support-chat-guide[data-state="waiting"] .support-chat-bubble,
body.soft-palace #support .support-chat-guide[data-state="entering"] .support-chat-bubble {opacity:0;transform:translateY(5px);}
body.soft-palace #support .support-chat-guide[data-state="entering"] .support-chat-character {animation:support-kusanagi-arrive .75s cubic-bezier(.2,.7,.3,1) both;}
body.soft-palace #support .support-chat-guide[data-state="settled"] .support-chat-bubble {animation:support-bubble-pop .38s .1s ease-out both;}
@keyframes support-kusanagi-arrive {from{opacity:0;transform:translateX(54px)}to{opacity:1;transform:translateX(0)}}
@keyframes support-bubble-pop {from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px) and (min-width:761px) {
  body.soft-palace #support .support-availability-layout {gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  body.soft-palace #support .support-chat-step {padding-left:27px;}
  body.soft-palace #support .support-chat-step h4 {margin-left:-27px;gap:7px;}
  body.soft-palace #support .support-chat-practice {margin-left:-27px;padding-left:27px;}
  body.soft-palace #support .support-chat-message p {font-size:13px;}
  body.soft-palace #support .support-chat-reply {margin-left:7px;padding-left:11px;}
  body.soft-palace #support .support-chat-bubble {left:0;right:101px;padding:12px 10px;}
  body.soft-palace #support .support-chat-character {width:112px;height:112px;}
}
@media(max-width:760px) {
  body.soft-palace #support .support-availability-layout {grid-template-columns:minmax(0,1fr);gap:32px;}
  body.soft-palace #support .support-availability h3 {font-size:25px;}
  body.soft-palace #support .support-chat-scene {max-width:460px;width:100%;margin:0 auto;}
  body.soft-palace #support .support-chat-heading p {font-size:19px;}
  body.soft-palace #support .support-chat-step {padding-left:29px;}
  body.soft-palace #support .support-chat-step h4 {margin-left:-29px;}
  body.soft-palace #support .support-chat-practice {margin-left:-29px;padding-left:29px;}
  body.soft-palace #support .support-chat-question {padding:8px 11px;}
  body.soft-palace #support .support-chat-message p {font-size:13px;}
  body.soft-palace #support .support-chat-reply {margin-left:7px;padding-left:12px;}
  body.soft-palace #support .support-chat-character {width:114px;height:114px;bottom:12px;}
  body.soft-palace #support .support-chat-guide {height:143px;}
  body.soft-palace #support .support-chat-bubble {left:0;right:104px;padding:12px 10px;}
}
@media(prefers-reduced-motion:reduce) {
  body.soft-palace #support .support-chat-guide * {animation:none!important;transform:none!important;}
  body.soft-palace #support .support-chat-guide .support-chat-character,
  body.soft-palace #support .support-chat-guide .support-chat-bubble {opacity:1!important;}
}
html.low-motion body.soft-palace #support .support-chat-guide * {animation:none!important;transform:none!important;}
html.low-motion body.soft-palace #support .support-chat-guide .support-chat-character,
html.low-motion body.soft-palace #support .support-chat-guide .support-chat-bubble {opacity:1!important;}