#trevor-ambient-card{display:grid;gap:10px;margin:0 0 16px;padding:12px;border:1px solid rgba(11,77,58,.14);border-radius:14px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px)}
.ta-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:#0b4d3a;text-transform:uppercase}
.trevor-ambient-buttons{display:grid;grid-template-columns:1fr;gap:8px}
#trevor-global-mute,#trevor-what-learned{width:100%;justify-content:center}
#trevor-global-mute.trevor-muted{border-color:#b75b48;color:#8b3829;background:#fff8f6}
.trevor-usual-route{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}
.trevor-usual-route .mini{text-transform:capitalize}
#trevor-learning-panel{position:fixed;z-index:1200;right:26px;bottom:26px;width:min(430px,calc(100vw - 36px));max-height:min(72vh,720px);overflow:auto;padding:20px;border:1px solid rgba(11,77,58,.18);border-radius:18px;background:rgba(250,252,250,.97);box-shadow:0 22px 70px rgba(11,28,22,.2);transform:translateY(24px);opacity:0;pointer-events:none;transition:.2s ease}
#trevor-learning-panel.visible{transform:translateY(0);opacity:1;pointer-events:auto}
#trevor-learning-panel h2{margin:6px 0 10px;font-size:24px}
#trevor-learning-panel h3{margin:18px 0 7px;font-size:14px}
#trevor-learning-panel p{line-height:1.48;overflow-wrap:anywhere}
.trevor-learning-fact{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 0;border-top:1px solid rgba(11,77,58,.1)}
.trevor-learning-fact span{font-size:12px;color:#64736e}.trevor-learning-fact b{font-size:12px;text-align:right;overflow-wrap:anywhere}
@media(max-width:760px){#trevor-learning-panel{right:12px;bottom:78px;width:calc(100vw - 24px);max-height:68vh}.trevor-learning-fact{grid-template-columns:1fr}.trevor-learning-fact b{text-align:left}}