/* Shared by rebuilt shells and older shells served by the gateway. */
.client-identity { width:210px; min-height:52px; justify-content:center; }
.mobile-guide-link { position:absolute; left:calc(50% + 84px); display:flex; align-items:center; justify-content:center; gap:10px; width:210px; min-height:52px; padding:8px 10px; border:1px solid #4ecbbf; border-radius:7px; background:linear-gradient(125deg,#103c48,#14323b); color:#e7fffc; text-decoration:none; box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 22px rgba(66,217,200,.1); transition:background .2s,box-shadow .2s; }
.mobile-guide-link svg { width:22px; height:28px; fill:none; stroke:#62e3d4; stroke-width:1.7; flex-shrink:0; }
.mobile-guide-link > span { display:grid; gap:4px; }
.mobile-guide-link b { font-size:12px; line-height:1.2; }
.mobile-guide-link small { color:#7aefe0; font-size:9px; font-weight:800; letter-spacing:.15em; }
.mobile-guide-link small span { margin-left:5px; font-size:12px; }
.mobile-guide-link:hover { background:linear-gradient(125deg,#175867,#18464d); box-shadow:0 0 24px rgba(66,217,200,.22); }
.mobile-guide-link:focus-visible { outline:3px solid #e7fffc; outline-offset:3px; }
@media (max-width:1100px) { .brand-logo { width:180px; } }
@media (max-width:1012px) { .client-identity { display:none; } }
@media (min-width:721px) and (max-width:900px) { .mobile-guide-link { position:static; grid-column:3; justify-self:end; } }
@media (max-width:720px) { .brand-logo { width:220px; } .mobile-guide-link { position:static; grid-column:1; width:min(340px,100%); min-height:48px; } .mobile-guide-link > span { display:flex; align-items:center; gap:12px; } .mobile-guide-link b { font-size:12px; } }
@media (max-width:480px) { .brand-logo { width:190px; } }
@media (prefers-reduced-motion:reduce) { .mobile-guide-link { transition:none; } }