/* Line 32128 (alive_me_person_page): the person page on the served agent home, Google path, phone first. */
.ns-alive-me { text-align: center; margin: 0 0 8px; }
.ns-alive-me h1 { margin-bottom: 4px; }
.ns-alive-me__title { margin: 0 0 8px; color: var(--ns-text-2, #5f6368); font-size: 16px; }
.ns-alive-me__line { margin: 0 auto 8px; max-width: 560px; }
.ns-alive-me__ai { margin: 0 auto 16px; max-width: 560px; color: var(--ns-text-2, #5f6368); font-size: 14px !important; }
.ns-alive-me__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.ns-alive-me__actions .btn { flex: 1 1 0; min-width: 0; max-width: 200px; white-space: nowrap; }
.ns-alive-me__ways { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; list-style: none; margin: 16px 0 0; padding: 0; }
.ns-alive-me__ways li { padding: 4px 12px; border: 1px solid var(--ns-border, rgba(60, 64, 67, .14)); border-radius: 999px; color: var(--ns-text-2, #5f6368); font-size: 14px !important; line-height: 1.5 !important; }
.ns-alive-me__share { margin-top: 12px; min-height: 44px; padding: 0 12px; border: 0; background: none; color: inherit; text-decoration: underline; text-underline-offset: 3px; font: inherit; font-size: 15px; cursor: pointer; }
.ns-alive-me__share-status:empty, .ns-alive-me__status:empty { display: none; }
.ns-alive-me__share-status { margin: 0; color: var(--ns-text-2, #5f6368); font-size: 14px !important; }
.ns-alive-me__note { color: var(--ns-text-2, #5f6368); font-size: 15px !important; }
/* a plain #alive-me-request jump (no script) lands below the sticky header, as the page's own try-chat anchor does */
.ns-alive-me__request { scroll-margin-top: calc(var(--landing-header-height, 72px) + 16px); }
.ns-alive-me__sent, .ns-alive-me__status { margin: 12px 0 0; font-weight: 500; }
.ns-alive-me__form { display: grid; gap: 12px; }
.ns-alive-me__kind { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0; padding: 0; border: 0; }
.ns-alive-me__kind legend { width: 100%; margin: 0 0 4px; font-size: 15px; color: var(--ns-text-2, #5f6368); float: none; }
.ns-alive-me__kind label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.ns-alive-me__field { display: grid; gap: 4px; font-size: 15px; color: var(--ns-text, #202124); }
.ns-alive-me__optional { color: var(--ns-text-2, #5f6368); font-size: 13px; }
.ns-alive-me__field :is(input, textarea) { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--ns-border-strong, rgba(60, 64, 67, .26)); border-radius: 8px; background: var(--ns-bg, #fff); color: var(--ns-text, #202124); font: inherit; font-size: 16px; }
.ns-alive-me__field :is(input, textarea):focus-visible { outline: 2px solid var(--ns-focus, #1a73e8); outline-offset: 1px; }
.ns-alive-me__row { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.ns-alive-me__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ns-alive-me__form .btn { justify-self: start; }
@media (max-width: 767.98px) {
    /* the host keeps her face, smaller, so the name and the three buttons sit in the first screen */
    .ns-alive-me-page .ns-agent-home__stage alive-agent { --alive-agent-size: min(220px, 58vw); }
    .ns-alive-me-page .ns-agent-home__stage { margin-bottom: 8px; }
    .ns-alive-me .btn { padding-left: 10px; padding-right: 10px; }
    .ns-alive-me__row { grid-template-columns: 1fr; }
    .ns-alive-me__form .btn { justify-self: stretch; }
}
/* Line 32143 (the share kit, the person page's owner side; only the signed-in owner gets this section). The signature
   preview and the QR card are drawn on white, as they will look in an email and on paper, in both themes. */
.ns-share-kit { margin-top: 16px; padding: 16px; border: 1px solid var(--ns-border-strong, rgba(60, 64, 67, .26)); border-radius: 16px; background: var(--ns-surface, #f1f3f4); scroll-margin-top: calc(var(--landing-header-height, 72px) + 16px); }
.ns-share-kit__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.ns-share-kit__head h2 { margin: 0; }
.ns-share-kit__lang label { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--ns-text-2, #5f6368); font-size: 14px; }
.ns-share-kit__lang select { min-height: 44px; padding: 0 8px; border: 1px solid var(--ns-border-strong, rgba(60, 64, 67, .26)); border-radius: 8px; background: var(--ns-card, #fff); color: var(--ns-text, #202124); font: inherit; font-size: 15px; }
.ns-share-kit__note { margin: 8px 0 16px; color: var(--ns-text-2, #5f6368); font-size: 15px !important; }
/* one piece under the other at every width: two columns left the post alone beside an empty half and squeezed the
   signature, which reads best as wide as it will be in an email */
.ns-share-kit__pieces { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
.ns-share-kit__piece { display: grid; gap: 12px; min-width: 0; padding: 16px; border: 1px solid var(--ns-border, rgba(60, 64, 67, .14)); border-radius: 12px; background: var(--ns-card, #fff); }
.ns-share-kit__piece h3 { margin: 0; font-size: 18px; }
.ns-share-kit__signature { overflow-x: auto; padding: 12px; border: 1px solid #dadce0; border-radius: 8px; background: #fff; color: #202124; }
.ns-share-kit__card { display: flex; align-items: center; gap: 12px; min-width: 0; max-width: 440px; padding: 12px; border: 1px solid #dadce0; border-radius: 12px; background: #fff; color: #202124; }
.ns-share-kit__qr { flex: 0 0 auto; line-height: 0; }
.ns-share-kit__qr svg { display: block; width: 132px; height: 132px; }
.ns-share-kit__card-words { display: grid; gap: 2px; min-width: 0; font-size: 14px; line-height: 1.35; }
.ns-share-kit__card-words strong { font-size: 16px; }
.ns-share-kit__card-scan { margin-top: 4px; font-weight: 600; }
.ns-share-kit__card-link { color: #5f6368; font-size: 12px; overflow-wrap: break-word; }
.ns-share-kit__card-slug { display: inline-block; }
.ns-share-kit__picture { display: block; width: 100%; height: auto; border-radius: 8px; }
.ns-share-kit__post { width: 100%; min-height: 150px; max-height: 420px; field-sizing: content; padding: 10px 12px; border: 1px solid var(--ns-border-strong, rgba(60, 64, 67, .26)); border-radius: 8px; background: var(--ns-bg, #fff); color: var(--ns-text, #202124); font: inherit; font-size: 15px; line-height: 1.45; resize: vertical; }
.ns-share-kit__post:focus-visible, .ns-share-kit__lang select:focus-visible { outline: 2px solid var(--ns-focus, #1a73e8); outline-offset: 1px; }
.ns-share-kit__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ns-share-kit__actions .btn { min-height: 44px; display: inline-flex; align-items: center; }
.ns-share-kit__how { margin: 0; color: var(--ns-text-2, #5f6368); font-size: 14px !important; }
.ns-share-kit__status { margin: 0; font-weight: 500; }
.ns-share-kit__status:empty { display: none; }
/* Line 32223 (MK-12): the posts questions, one row each (the question and its answer, then Yes and No), and the clip's line. */
.ns-share-kit__posts { scroll-margin-top: calc(var(--landing-header-height, 72px) + 16px); }
.ns-share-kit__answer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 10px 0; border-top: 1px solid var(--ns-border, rgba(60, 64, 67, .14)); }
.ns-share-kit__question { display: grid; gap: 2px; font-weight: 600; }
.ns-share-kit__answer-now { color: var(--ns-text-2, #5f6368); font-size: 13px; font-weight: 400; }
.ns-share-kit__answer-now[data-answer="yes"] { color: var(--ns-success, #137333); font-weight: 600; }
.ns-share-kit__clip { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--ns-surface-2, #f1f3f4); color: var(--ns-text, #202124); font-size: 14px; }
/* Line 32223: below 761 px the landing header wraps to two rows (119 px tall at 375 in the headless walk, where the posts title landed
   at 101 px, under it), so the page's own anchors (Book me / Hire me, the kit's language picker, the posts answers) land below it. */
@media (max-width: 760px) { .ns-alive-me__request, .ns-share-kit, .ns-share-kit__posts { scroll-margin-top: 136px; } }
@media (max-width: 767.98px) {
    .ns-share-kit { padding: 12px; }
    .ns-share-kit__piece { padding: 12px; }
    .ns-share-kit__qr svg { width: 112px; height: 112px; }
    .ns-share-kit__actions .btn { flex: 1 1 auto; justify-content: center; }
}