/* Burlington Tile Academy: Teacher Mike corner widget. Owns the bottom-right corner on /learn/ pages (replaces the live call widget there). */
.tm-widget{--tm-graphite:#2b2e33;--tm-graphite-2:#3d4148;--tm-blue:#2463b3;--tm-blue-2:#c9ccd1;
 position:fixed;right:12px;bottom:0;z-index:9000;display:flex;align-items:flex-end;gap:6px;
 pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}
.tm-widget.is-on{opacity:1;visibility:visible}
.tm-widget.is-hiding{opacity:0;visibility:hidden}
.tm-widget.is-on:not(.is-hiding) .tm-bubble,.tm-widget.is-on:not(.is-hiding) .tm-avatar{pointer-events:auto}
.tm-bubble{position:relative;width:min(250px,62vw);margin-bottom:118px;
 background:linear-gradient(165deg,var(--tm-graphite-2) 0%,var(--tm-graphite) 100%);border-radius:12px;border-left:4px solid var(--tm-blue);
 padding:11px 13px 11px 14px;color:#f3f4f6;box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06);
 opacity:0;transform:translateY(14px) scale(.94);transform-origin:bottom right}
.tm-widget.is-on .tm-bubble{animation:tm-bubble-in 520ms cubic-bezier(.22,1,.36,1) .65s forwards}
.tm-bubble::after{content:"";position:absolute;right:-6px;bottom:30px;width:12px;height:12px;background:var(--tm-graphite);transform:rotate(45deg);border-radius:2px}
.tm-kicker{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:700 10.5px/1.2 'MT Lato',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tm-blue-2)}
.tm-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tm-blue-2);box-shadow:0 0 0 3px rgba(201,204,209,.18)}
.tm-tip{margin:0 0 10px;font:400 15px/1.42 'MT Lato',Arial,sans-serif;color:#f8fafc;min-height:4.2em;transition:opacity .25s ease}
.tm-tip.swap{opacity:0}
.tm-tip b{font-weight:700;color:#fff}
.tm-tip em{font-family:'MT EB Garamond',Georgia,serif;font-style:normal;font-weight:500;font-size:1.12em;color:#e6e8eb}
.tm-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tm-call{font:700 12.5px/1 'MT Lato',Arial,sans-serif;letter-spacing:.04em;color:#fff;text-decoration:none;padding:7px 11px;border-radius:999px;background:var(--tm-blue);box-shadow:0 3px 10px rgba(36,99,179,.35)}
.tm-call:hover,.tm-call:focus-visible{background:#1d52a0}
.tm-dots{display:flex;gap:4px}
.tm-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.25)}
.tm-dots i.on{background:var(--tm-blue-2)}
.tm-close{position:absolute;top:5px;right:6px;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:#aab0b8;font:400 16px/22px Arial,sans-serif;cursor:pointer;padding:0}
.tm-close:hover,.tm-close:focus-visible{color:#fff;background:rgba(255,255,255,.08)}
.tm-widget :focus-visible{outline:2px solid var(--tm-blue-2);outline-offset:2px}
.tm-avatar{width:min(118px,26vw);flex-shrink:0;line-height:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));opacity:0;transform:translateY(40px);transform-origin:bottom center}
.tm-widget.stage-4 .tm-avatar{width:min(160px,34vw)}
.tm-avatar img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;pointer-events:none}
.tm-widget.is-on .tm-avatar{animation:tm-avatar-in 700ms cubic-bezier(.22,1,.36,1) .05s forwards,tm-bob 3.2s ease-in-out .85s infinite}
@keyframes tm-avatar-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes tm-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes tm-bubble-in{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@media (max-width:560px){
 .tm-widget{right:6px;gap:4px}
 .tm-bubble{width:min(205px,calc(100vw - 110px));margin-bottom:72px;padding:9px 10px 9px 11px;border-left-width:3px;border-radius:10px}
 .tm-widget.stage-4 .tm-bubble{margin-bottom:96px}
 .tm-tip{font-size:13px;min-height:0}.tm-kicker{font-size:9.5px}.tm-call{font-size:11.5px;padding:6px 9px}
 .tm-avatar{width:min(78px,24vw)}.tm-widget.stage-4 .tm-avatar{width:min(105px,32vw)}
 .tm-bubble::after{bottom:22px;width:10px;height:10px;right:-5px}
}
@media (prefers-reduced-motion:reduce){
 .tm-widget,.tm-widget.is-on,.tm-widget.is-hiding{transition:none}
 .tm-widget.is-on .tm-avatar,.tm-widget.is-on .tm-bubble{animation:none;opacity:1;transform:none}
 .tm-tip{transition:none}
}
@media print{.tm-widget{display:none}}
[data-tm-tip]{cursor:help}