/* The Redline app: the "Get the app" bar for phone visitors (public/apppage.js), and inside the app the Facebook
   offer and the offline line (public/app-bridge.js). The /app page reuses the rx- styles in search.css. */
.rl-get,.rl-appbar{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:56;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border:1px solid color-mix(in srgb,var(--brass) 35%,var(--line));border-radius:12px;background:var(--pit);box-shadow:0 8px 28px rgba(0,0,0,.18);max-width:560px;margin:0 auto}
.rl-get img{flex:none;border-radius:8px}
.rl-get-t{flex:1;min-width:0;display:grid;line-height:1.25}
.rl-get-t b{font-size:14px;color:var(--chalk)}
.rl-get-t span{font-size:12.5px;color:var(--smoke);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-appbar-t{flex:1;min-width:0;font-size:14px;color:var(--chalk)}
.rl-get .btn,.rl-appbar .btn{flex:none;white-space:nowrap}
.rl-get-x,.rl-appbar-x{flex:none;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--smoke);font-size:22px;line-height:1;cursor:pointer}
.rl-get-x:focus-visible,.rl-appbar-x:focus-visible{outline:2px solid var(--brass);outline-offset:1px}
@media (min-width:961px){.rl-get,.rl-appbar{bottom:20px}}
.rl-offline{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:70;padding:8px 16px;background:var(--chalk);color:var(--asphalt);font-size:13.5px;text-align:center}
.ap-page .ap-here{border-color:color-mix(in srgb,var(--brass) 40%,var(--line))}
.ap-page .ap-here .btn{margin-top:4px}
html[data-redline-app="1"] .rl-get{display:none}
.fnote{margin:0 0 8px;font-size:.76rem;line-height:1.45;color:var(--amber);font-weight:600}