/* LINEの更新相談を説明する架空の会話。全発言の場所を常に確保する。 */
.line-demo{--line-demo-sky:#edf2f5;--line-demo-green:#d3efb9;--line-demo-text:#26352c;--line-demo-muted:#59676d;width:100%;max-width:520px;margin:0;min-width:0;color:var(--line-demo-text);font-family:var(--font,sans-serif);letter-spacing:.015em}
.line-demo-caption{font-size:11px;line-height:1.7;color:#516250;margin-bottom:16px}
.line-demo-window{border:1px solid #cfd8d9;border-radius:20px;background:var(--line-demo-sky);box-shadow:0 18px 40px -28px #273c375c;overflow:hidden}
.line-demo-header{display:flex;align-items:center;gap:12px;background:#fff;padding:20px 22px;border-bottom:1px solid #dce4e5}
.line-demo-header>div{min-width:0}.line-demo-header strong{display:block;font-size:15px;line-height:1.5;font-weight:600}.line-demo-header>div>span{display:block;color:var(--line-demo-muted);font-size:10px;line-height:1.7;margin-top:2px}
.line-demo-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:29px;height:29px;border-radius:50%;background:#425b48;color:#fff;font-size:18px;line-height:1;font-family:Georgia,serif}
.line-demo-avatar-header{width:40px;height:40px;font-size:25px}.line-demo-header-label{margin-left:auto;font-size:9px;color:#65766b;white-space:nowrap;border-left:1px solid #e1e6df;padding-left:12px}
.line-demo-transcript{display:flex;flex-direction:column;gap:18px;margin:0;padding:25px 22px 20px;list-style:none}
.line-demo-message{display:flex;gap:8px;align-items:flex-start;margin:0;min-width:0;opacity:1;transform:none}
.line-demo-message-shop{justify-content:flex-end;padding-left:38px}.line-demo-message-studio{padding-right:30px}.line-demo-message-studio>.line-demo-avatar{margin-top:22px}
.line-demo-message-content{max-width:340px;min-width:0}.line-demo-sender{display:block;font-size:9px;line-height:1.5;color:var(--line-demo-muted);margin:0 4px 6px}.line-demo-message-shop .line-demo-sender{text-align:right}
.line-demo-bubble{position:relative;font-size:13px;line-height:1.85;margin:0;padding:13px 17px;border-radius:15px;background:#fff;overflow-wrap:anywhere;box-shadow:0 2px 4px #26352c05}
.line-demo-message-shop .line-demo-bubble{background:var(--line-demo-green);border-top-right-radius:4px}.line-demo-message-studio .line-demo-bubble{border-top-left-radius:4px}
.line-demo-result{display:flex;align-items:center;gap:12px;background:#fff;margin:0 22px 24px 59px;border:1px solid #d8e0dd;border-radius:10px;padding:13px 14px}
.line-demo-result-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#e5efe1;color:#466342;font-size:12px}.line-demo-result>div{min-width:0}.line-demo-result>div>span{display:block;color:#667369;font-size:9px;line-height:1.7}.line-demo-result strong{display:block;font-size:12px;line-height:1.8;margin-top:2px;font-weight:500}.line-demo-result-tag{margin-left:auto;font-size:8px;line-height:1.5;color:#6c766e;white-space:nowrap}
.line-demo-controls{display:flex;align-items:center;gap:10px;padding:13px 22px;background:#f9fbfc;border-top:1px solid #dbe4e6;min-height:66px}
.line-demo-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ccd7d6;border-radius:5px;background:#fff;color:#344b3b;font:500 11px/1.4 var(--font,sans-serif);padding:10px 12px;min-height:38px;min-width:76px;touch-action:manipulation}.line-demo-controls button:hover{background:#edf3e8}.line-demo-controls button:focus-visible{outline:3px solid #8ca677;outline-offset:3px}.line-demo-state{margin-left:auto;color:#62736a;font-size:9px;line-height:1.5}
.line-demo .line-demo-note{font-size:10px;line-height:1.9;margin:16px 0 0;color:#596757}
.line-demo[data-line-demo-ready] [data-line-demo-step]{transition:opacity .4s ease,transform .4s ease}
.line-demo[data-line-demo-ready] [data-line-demo-step]:not(.line-demo-shown){visibility:hidden;opacity:0;transform:translateY(7px)}
@media(max-width:680px){.line-demo{max-width:none}.line-demo-caption{font-size:10px;margin-bottom:12px}.line-demo-header{padding:17px 16px;gap:10px}.line-demo-header-label{font-size:8px;padding-left:9px}.line-demo-header strong{font-size:14px}.line-demo-transcript{padding:22px 15px 19px;gap:17px}.line-demo-bubble{font-size:12px;padding:12px 14px}.line-demo-message-shop{padding-left:30px}.line-demo-message-studio{padding-right:10px}.line-demo-result{margin:0 15px 20px 52px;padding:12px;gap:9px}.line-demo-result strong{font-size:11px}.line-demo-controls{padding:12px 15px;gap:8px}.line-demo .line-demo-note{font-size:9px;margin-top:13px}}
@media(max-width:360px){.line-demo-header-label{display:none}.line-demo-header strong{font-size:13px}.line-demo-bubble{font-size:11px}.line-demo-result{margin-left:15px}.line-demo-controls button{min-width:68px;padding-inline:8px}.line-demo-state{font-size:8px}}
@media(prefers-reduced-motion:reduce){.line-demo[data-line-demo-ready] [data-line-demo-step],.line-demo[data-line-demo-ready] [data-line-demo-step]:not(.line-demo-shown){visibility:visible;opacity:1;transform:none;transition:none}.line-demo-controls{display:none}}