/* Line 15270 (pricing-faq-greeting-words-on-screen-collapsed-dock-r1, pricing_faq_arrival_words_visible): his greeting words
   while the /pricing-faq host plane is the collapsed strip (js/pages/pricing-faq-arrival-words.js mounts the line). Nothing
   is laid out around the line, so the page never moves. From 701 px up (landscape) it reads under his name over the top of
   the face panel, in the face's own caption look (.ns-invite); on a tablet strip it is one line under his name and AI agent
   label in the strip's own name cell (grid column 2, between the face and TALK); at 480 px and under, where that cell is
   too narrow for his hello, it is a caption just above the strip (the script sets its bottom from the strip's edge and hides
   it while it would cover a price or a question). Outside the strip (the open drawer, where the face's own invite shows)
   and on the folded side panel it is not shown. */
.ns-arrival-words { position: absolute; z-index: 2; left: 12px; right: 12px; top: calc(var(--ns-panebar-h, 44px) + 10px); margin: 0; padding: 8px 12px; border-radius: 12px; background: rgba(6, 6, 16, .78); color: #fff; font-weight: 700; font-size: .95rem; line-height: 1.35; text-align: center; overflow-wrap: anywhere; pointer-events: none; }
.ns-arrival-words[hidden], .ns-planes:not(.ns-host-sliver) .ns-arrival-words, .ns-planes.ns-host-min .ns-arrival-words { display: none; }
@media (max-width: 700px), (orientation: portrait) and (max-width: 1024px) {
    .ns-arrival-words { grid-column: 2 / 3; grid-row: 1 / 2; top: auto; left: 12px; right: 12px; bottom: 8px; padding: 0; border-radius: 0; background: none; color: var(--ns-text, #fff); font-size: 12.5px; font-weight: 600; line-height: 1.3; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
}
@media (max-width: 480px) {
    .ns-arrival-words { position: fixed; z-index: 46; grid-column: auto; grid-row: auto; top: auto; left: 12px; right: 12px; bottom: 116px; padding: 8px 12px; border-radius: 12px; background: rgba(6, 6, 16, .86); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.35; text-align: center; }
}