/* Shared mascot speech bubble; preserve the existing palette. */
.mast.mast-advice{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;border:0;padding:0;margin-bottom:12px}
.mast-advice .brand{flex:0 0 44px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-top:3px;font-size:0;letter-spacing:0;gap:0}
.mast-advice .brand-logo{width:40px;height:40px}
.slope-tip{flex:1;min-width:0;position:relative;margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);overflow-wrap:anywhere}
.slope-tip::before{content:"";position:absolute;left:-6px;top:16px;width:10px;height:10px;transform:rotate(45deg);border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}
.slope-tip-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.slope-tip-title{display:block;font-size:14px;line-height:1.35;font-weight:600}
.slope-tip-text{margin:4px 0 0!important;color:var(--muted);font-size:12px;line-height:1.4}
@media(max-width:360px){.mast.mast-advice{gap:10px}.slope-tip{padding:10px 11px}}