/* MONOSASHI フクロウ吹き出し（モノサシの相棒「モノ先生」） */
.ms-owl{display:flex;gap:14px;align-items:flex-start;margin:26px 0;--cc:#3B5BFF}
.ms-owl--right{flex-direction:row-reverse}
.ms-owl__avatar{flex:0 0 auto;width:64px;text-align:center;color:var(--cc)}
.ms-owl__avatar svg{width:56px;height:56px;display:block;margin:0 auto}
.ms-owl__name{display:block;margin-top:3px;font-size:11px;font-weight:800;color:var(--cc);letter-spacing:.02em;white-space:nowrap}
.ms-owl__bubble{position:relative;flex:1 1 auto;background:color-mix(in srgb,var(--cc) 8%,#fff);border:1.5px solid color-mix(in srgb,var(--cc) 30%,#fff);border-radius:14px;padding:16px 18px;font-size:15px;line-height:1.9;color:var(--ink,#17181f)}
.ms-owl__bubble p{margin:0 0 .5em}.ms-owl__bubble p:last-child{margin:0}
.ms-owl__bubble strong{color:var(--cc)}
/* 吹き出しの三角（左向き＝アバターが左） */
.ms-owl__bubble::before,.ms-owl__bubble::after{content:"";position:absolute;top:20px;width:0;height:0;border:9px solid transparent}
.ms-owl--left .ms-owl__bubble::before{left:-18px;border-right-color:color-mix(in srgb,var(--cc) 30%,#fff)}
.ms-owl--left .ms-owl__bubble::after{left:-15px;border-right-color:color-mix(in srgb,var(--cc) 8%,#fff)}
.ms-owl--right .ms-owl__bubble::before{right:-18px;border-left-color:color-mix(in srgb,var(--cc) 30%,#fff)}
.ms-owl--right .ms-owl__bubble::after{right:-15px;border-left-color:color-mix(in srgb,var(--cc) 8%,#fff)}
@media(max-width:560px){.ms-owl__avatar{width:48px}.ms-owl__avatar svg{width:42px;height:42px}}