/* Подсказка для новых посетителей (js/newcomer-intro.js) */
.kawn-intro {
    position: relative;
    margin: 12px auto;
    max-width: 960px;
    padding: 12px 44px 12px 16px;
    border: 1px solid color-mix(in srgb, var(--emerald, #0f766e) 28%, transparent);
    background: color-mix(in srgb, var(--emerald, #0f766e) 7%, transparent);
    border-radius: calc(12px * var(--radius-scale, 1));
    font-size: 14px;
    line-height: 1.5;
    color: inherit;
}
.kawn-intro-t { font-weight: 600; margin-bottom: 2px; }
.kawn-intro-p { opacity: .85; }
.kawn-intro-x {
    position: absolute; top: 8px; inset-inline-end: 8px;
    border: 0; background: transparent; color: inherit; opacity: .6;
    font-size: 12px; cursor: pointer; padding: 6px 8px; border-radius: calc(8px * var(--radius-scale, 1));
}
.kawn-intro-x:hover { opacity: 1; background: color-mix(in srgb, currentColor 8%, transparent); }
[dir="rtl"] .kawn-intro { padding: 12px 16px 12px 44px; }
@media (max-width: 767px) { .kawn-intro { margin: 10px 12px; font-size: 13px; } }