.single-post .Comment_Area > .comments_open_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: fit-content;
    margin: 2px auto 28px;
    padding: 8px 18px;
    border: 1px solid var(--nyk-deep-blue, #1f6e9f);
    border-radius: 999px;
    background: var(--nyk-white, #fff);
    color: var(--nyk-ink, #102333);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

/* wpDiscuz can retain this inline-hidden after Aeon's continuous-reading
 * navigation. Keep the primary guest form complete and immediately usable. */
#wpdcom form.wpd_main_comm_form .wpd-form-foot {
    display: block !important;
}

#wpdcom :is(.wpd-form-row input:not([type="submit"]), .wpdiscuz-subscribe-form input:not([type="submit"]), .wpdiscuz-subscribe-form select) {
    border-color: rgba(31, 110, 159, 0.32) !important;
    background-color: #fff !important;
    color: #102333 !important;
}

#wpdcom :is(.wc_comm_submit, #wpdiscuz_subscription_button) {
    border-color: #1f6e9f !important;
    background-color: #1f6e9f !important;
    color: #fff !important;
    font-weight: 700 !important;
}

#wpdcom :is(.wc_comm_submit, #wpdiscuz_subscription_button):is(:hover, :focus-visible) {
    border-color: #4fa3d1 !important;
    background-color: #4fa3d1 !important;
    color: #fff !important;
}

/* wpDiscuz comment editing. Keep both actions readable even when legacy
 * phrase data or narrow mobile layouts previously collapsed the controls. */
#wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

#wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap :is(.wc_cancel_edit, .wc_save_edited_comment) {
    min-width: 112px;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-radius: 4px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

#wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap .wc_cancel_edit {
    border: 1px solid rgba(31, 110, 159, 0.4) !important;
    background: #eaf1f6 !important;
    color: #102333 !important;
}

#wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap .wc_save_edited_comment {
    border: 1px solid #1f6e9f !important;
    background: #1f6e9f !important;
    color: #fff !important;
}

/* wpDiscuz's icon-only comment permalink was visually ambiguous and inherited
 * an empty legacy tooltip. Keep its clipboard action, but expose the action as
 * a labelled button with an accessible touch target. */
#wpdcom .wpd-comment-header .nyk-comment-permalink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 7px 11px;
    border: 1px solid rgba(31, 110, 159, 0.38);
    border-radius: 4px;
    background: #fff;
    color: #1f6e9f;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

/* wpDiscuz reads the clipboard value from event.target, so child glyphs must
 * not become the click target. */
#wpdcom .wpd-comment-header .nyk-comment-permalink > * {
    pointer-events: none;
}

#wpdcom .wpd-comment-header .nyk-comment-permalink i {
    color: currentColor;
    font-size: 15px;
}

#wpdcom .wpd-comment-header .nyk-comment-permalink:is(:hover, :focus-visible) {
    border-color: #4fa3d1;
    background: #eaf1f6;
    color: #12364d;
}

#wpdcom .wpd-comment-header .nyk-comment-permalink:focus-visible {
    outline: 3px solid #4fa3d1;
    outline-offset: 2px;
}

#wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap :is(.wc_cancel_edit, .wc_save_edited_comment):focus-visible {
    outline: 3px solid #4fa3d1;
    outline-offset: 2px;
}

.single-post .Comment_Area > .comments_open_btn:hover,
.single-post .Comment_Area > .comments_open_btn:active {
    border-color: var(--nyk-sky, #4fa3d1);
    background: var(--nyk-mist, #eaf1f6);
    color: var(--nyk-deep-blue, #1f6e9f);
}

.single-post .Comment_Area > .comments_open_btn:focus-visible {
    outline: 3px solid var(--nyk-sky, #4fa3d1);
    outline-offset: 3px;
}

.related-item .nyk-related-comments-redirect {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 1rem 0 2rem;
}

.related-item .nyk-related-comments-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 18px;
    border: 1px solid var(--nyk-deep-blue, #1f6e9f);
    border-radius: 999px;
    background: var(--nyk-white, #fff);
    color: var(--nyk-ink, #102333);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.related-item .nyk-related-comments-link:hover,
.related-item .nyk-related-comments-link:active {
    border-color: var(--nyk-sky, #4fa3d1);
    background: var(--nyk-mist, #eaf1f6);
    color: var(--nyk-deep-blue, #1f6e9f);
}

.related-item .nyk-related-comments-link:focus-visible {
    outline: 3px solid var(--nyk-sky, #4fa3d1);
    outline-offset: 3px;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .single-post .Comment_Area > .comments_open_btn {
    border-color: #6bb7df !important;
    background: #152a38 !important;
    color: #edf7fc !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .single-post .Comment_Area > .comments_open_btn:hover,
:is(html.aeon-dark-mode-active, body.dark-mode) .single-post .Comment_Area > .comments_open_btn:active {
    border-color: #9bd4ee !important;
    background: #1d3a4c !important;
    color: #fff !important;
}

/* wpDiscuz emits its own dark palette late in the page. Keep these child
 * overrides narrow, readable and consistent with the Nykysuomi palette. */
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom {
    color: #dbe9f0;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-form-wrap,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-thread-head,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment .wpd-comment-right {
    border-color: rgba(181, 221, 238, 0.28) !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button {
    border-color: rgba(181, 221, 238, 0.3) !important;
    background-color: #152a38 !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment .wpd-comment-wrap {
    padding: 12px;
    border: 1px solid rgba(181, 221, 238, 0.2);
    border-radius: 8px;
    background: rgba(21, 42, 56, 0.64);
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment-text,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment-text *,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .ql-editor > * {
    color: #e4f0f5 !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom :is(.wpd-comment-author, .wpd-comment-author a, .wpd-thread-head .wpd-thread-info) {
    color: #f3fbff !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom :is(a, .wpd-comment-date, .wpd-comment-link, .wpd-vote-result, .wpd-reply-button, .wpd-thread-filter .wpdf-sorting) {
    color: #9bd4ee !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom :is(.wpd-vote-up svg, .wpd-vote-down svg, .wpd-reply-button svg) {
    fill: #9bd4ee !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom :is(.wpd-form-row .wpdiscuz-item input, .wpd-form-row .wpdiscuz-item textarea, .ql-container) {
    border-color: rgba(181, 221, 238, 0.38) !important;
    background: #102333 !important;
    color: #e4f0f5 !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom :is(.wpd-form-row input:not([type="submit"]), .wpdiscuz-subscribe-form input:not([type="submit"]), .wpdiscuz-subscribe-form select) {
    border-color: rgba(181, 221, 238, 0.38) !important;
    background-color: #102333 !important;
    color: #e4f0f5 !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpdiscuz-subscribe-form option {
    background-color: #102333;
    color: #e4f0f5;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap .wc_cancel_edit {
    border-color: rgba(181, 221, 238, 0.42) !important;
    background: #152a38 !important;
    color: #edf7fc !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment-header .nyk-comment-permalink {
    border-color: rgba(181, 221, 238, 0.42);
    background: #152a38;
    color: #b5ddee;
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment-header .nyk-comment-permalink:is(:hover, :focus-visible) {
    border-color: #9bd4ee;
    background: #1d3a4c;
    color: #fff;
}

@media (max-width: 600px) {
    #wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 10px;
    }

    #wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap :is(.wc_cancel_edit, .wc_save_edited_comment) {
        width: 100%;
        min-width: 0;
        min-height: 48px;
    }

    #wpdcom .wpd-comment-header .wpd-comment-link {
        display: flex;
        flex-basis: 100% !important;
        justify-content: flex-end;
        margin-top: 4px !important;
        padding: 0 !important;
        text-align: right;
    }

    #wpdcom .wpd-comment-header .nyk-comment-permalink {
        min-height: 44px;
        padding: 9px 12px;
        font-size: 14px;
    }

    #wpdcom .wpd-comment-footer .wpd-tools {
        display: inline-flex;
        position: relative;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
    }

    #wpdcom .wpd-comment-footer .wpd-tools-actions {
        right: 0 !important;
        left: auto !important;
        min-width: 156px;
        padding: 6px;
        border: 1px solid rgba(31, 110, 159, 0.3);
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 6px 18px rgba(16, 35, 51, 0.16);
    }

    #wpdcom .wpd-comment-footer .wpd-tools-actions .wpd-cta-button {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        padding: 10px 12px !important;
        border-radius: 3px;
        background: transparent;
        color: #102333 !important;
        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2;
        text-align: left;
    }

    #wpdcom .wpd-comment-footer .wpd-tools-actions .wpd-cta-button:is(:hover, :focus-visible) {
        background: #eaf1f6;
        color: #12364d !important;
    }

    :is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment-footer .wpd-tools-actions {
        border-color: rgba(181, 221, 238, 0.34);
        background: #152a38;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.34);
    }

    :is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment-footer .wpd-tools-actions .wpd-cta-button {
        color: #edf7fc !important;
    }

    :is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .wpd-comment-footer .wpd-tools-actions .wpd-cta-button:is(:hover, :focus-visible) {
        background: #1d3a4c;
        color: #fff !important;
    }
}

:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom :is(input, textarea)::placeholder,
:is(html.aeon-dark-mode-active, body.dark-mode) #wpdcom .ql-editor::before {
    color: #a9c2ce !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .related-item .nyk-related-comments-link {
    color: #dbe9f0;
    border-color: rgba(181, 221, 238, 0.3);
    background: #152a38;
}

@media (max-width: 600px) {
    .related-item .nyk-related-comments-link {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nyk-related-comments-redirect * {
        scroll-behavior: auto !important;
    }
}