.droid-companion{position:relative;display:grid;justify-items:center;align-content:center;flex:0 0 220px;max-width:260px;margin:0;color:inherit}
.droid-companion img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(0 12px 10px #241c1618)}
.droid-companion figcaption{text-align:center;font-size:14px;line-height:1.5;font-weight:600}
.droid-companion figcaption span{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:400;opacity:.7;margin:8px 0 3px}
.page-head .droid-companion{justify-self:end}
.monkey-hero .droid-companion{z-index:1}
@media(max-width:740px){.qa-hero{flex-wrap:wrap}.droid-companion{max-width:150px;flex-basis:150px}.droid-companion img{max-height:150px}.page-head .droid-companion{justify-self:start}.droid-companion figcaption{font-size:12px}.monkey-hero .droid-companion{justify-self:center}}

.trainer-page-head{grid-template-columns:minmax(0,1fr) 260px;gap:12px 36px}
.trainer-page-head>div{grid-column:1}
.trainer-page-head .droid-companion{grid-column:2;grid-row:1 / 3}
@media(min-width:681px) and (max-width:1440px){.topbar{grid-template-columns:auto minmax(0,1fr);gap:8px 24px;padding-block:12px}.topnav{grid-column:1 / -1;grid-row:2;justify-self:start;width:100%;flex-wrap:wrap;gap:4px 24px}.topbar>.account,.topbar>.logout-form,.topbar>.login-form,.topbar>.auth-nav-status{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:740px){.trainer-page-head{grid-template-columns:minmax(0,1fr)}.trainer-page-head .droid-companion{grid-column:1;grid-row:auto}}