/* Закреплённый пост-инструкция гостя на главной. docs/WELCOME_POST.md */
.welcome-feed + .dream-feed { border-top: 1px solid #1a242e; }
.welcome-card__avatar { border-color: #2c4766; background: radial-gradient(circle at 50% 40%, #1e3a6e, #0b1424); }
.welcome-card__avatar img { width: 26px; height: 26px; object-fit: contain; }
.welcome-card__pin { position: relative; display: inline-flex; flex-shrink: 0; margin-left: auto; padding: 6px; border-radius: 50%; color: #8fc9f0; cursor: help; }
.welcome-card__pin svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transform: rotate(35deg); }
.welcome-card__pin .welcome-card__pin-tooltip { top: calc(100% + 6px); right: 0; left: auto; }
.welcome-card__pin:hover .welcome-card__pin-tooltip, .welcome-card__pin:focus-visible .welcome-card__pin-tooltip { opacity: 1; visibility: visible; }
.welcome-card__pin:focus-visible { outline: 2px solid #41b4e5; outline-offset: 2px; }

/* Оба слайда одной высоты: ролик вертикальный 9:16, заставка подрезана под него же. */
.welcome-comic .welcome-slide { position: relative; aspect-ratio: 9 / 16; background: #05090d; }
.welcome-comic .welcome-slide > .dream-comic-image { width: 100%; height: 100%; object-fit: cover; }
.welcome-comic .welcome-slide > video.dream-comic-image { object-fit: contain; }
.welcome-comic .welcome-slide:first-child { cursor: pointer; }
.welcome-comic .comic-carousel-next { animation: welcome-nudge 2.4s ease-in-out 1.2s 3; }
@keyframes welcome-nudge { 0%, 60%, 100% { transform: translateY(-50%); } 30% { transform: translate(6px, -50%); } }
.welcome-comic .comic-carousel-counter { pointer-events: none; }
.welcome-card.is-nudging .welcome-slide { animation: welcome-peek 1.1s cubic-bezier(.4, 0, .2, 1); }
@keyframes welcome-peek { 0%, 100% { transform: none; } 45% { transform: translateX(-56px); } }

.welcome-sound { position: absolute; left: 50%; bottom: 64px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border: 0; border-radius: 9999px; background: #ffffffe0; color: #0b1016; font: 600 14px/20px Manrope, system-ui, sans-serif; box-shadow: 0 12px 32px -8px #000c; cursor: pointer; }
.welcome-sound:hover { background: #fff; }
.welcome-sound:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.welcome-sound svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.welcome-card__text p { margin: 0; }
.welcome-card__links { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 10px !important; font-size: 14px; }
.welcome-card__links a { color: #8fc9f0; text-decoration: none; }
.welcome-card__links a:hover { color: #fff; }
.welcome-card__links a:focus-visible { outline: 2px solid #41b4e5; outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) { .welcome-comic .comic-carousel-next { animation: none; } }