@charset "UTF-8";
/*
 * TNSB- Site-wide lime accent palette.
 *
 * Prefer the common brand accent #b4ff00 over legacy neon greens such as
 * #d6fe00, #d4ff27, #eaff62, #afe421, #c8f43b and #d7ff00.
 * Applied AFTER the shared base/site/member CSS without changing those files
 * (which are being updated independently by the dark-background PR).
 *
 * Only brand accents are included. Status dots, avatars, illustrations,
 * embedded images and annual-plan key-image artwork are intentionally left.
 */

:root {
    --tnsb-accent-lime: #b4ff00;
}

/* Member landing: accent bullets, logo character and scroll indicator. */
.tnsb ul.contents li::before,
.tnsb .tnsb-plan-hero__brand span {
    color: var(--tnsb-accent-lime);
}

.line-container .line {
    background-color: var(--tnsb-accent-lime);
}

/* Membership plan comparison and information affordances. */
.tnsb .tnsb-plan-comparison__info:focus-visible {
    outline-color: var(--tnsb-accent-lime);
}

.tnsb .tnsb-plan-comparison__popover strong,
.tnsb .tnsb-plan-comparison__unavailable {
    color: var(--tnsb-accent-lime);
}

.tnsb .tnsb-plan-comparison__available {
    background: var(--tnsb-accent-lime);
}

/* Member account feedback and plan card badge. */
.tnsb--edit--area .swpm_success,
.mypage--card .id--plan span {
    background: var(--tnsb-accent-lime);
}

/* FAQ highlights. */
dl.faq dd p span {
    background: var(--tnsb-accent-lime);
}

/* Bright reaction icon for approved comments (neutral icons unchanged). */
.ulike .meta-comments.has-comments .ico-comment,
.category--ulike .ulike .meta-comments.has-comments .ico-comment,
.ulike.bg-blk-mode .meta-comments.has-comments .ico-comment {
    color: var(--tnsb-accent-lime);
}

/* Mobile navigation lime accents from the shared base stylesheet. */
@media (max-width: 1029px) {
    #menu .mobile-tnsb-title > span,
    #menu .mobile-tnsb > .mobile-link-arrow,
    #menu .mobile-contents li a::after,
    #menu .mobile-menu-bottom a {
        color: var(--tnsb-accent-lime);
    }

    .mobile-header-actions :focus-visible,
    #menu a:focus-visible {
        outline-color: var(--tnsb-accent-lime);
    }
}