/* cyrillic-ext */
@font-face {
  font-family: 'LF Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../../assets/fonts/onest/onest-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'LF Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../../assets/fonts/onest/onest-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'LF Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../../assets/fonts/onest/onest-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'LF Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../../assets/fonts/onest/onest-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.lf-sort { border:0; background:none; color:inherit; cursor:pointer; font:inherit; padding:4px 6px }
.lf-sort.active { color:var(--lf-primary-color); font-weight:bold }
.lf-more-replies { background:transparent; border:1px solid #555; color:inherit; cursor:pointer; padding:10px 16px; border-radius:4px }
#lf-comments .lf-comments-more { display:flex; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; width:100%; min-height:52px; padding:14px 18px; border:0; border-radius:4px; background:var(--lf-primary-color,#79c142); color:#fff !important; box-shadow:none; cursor:pointer; font-family:inherit; font-size:16px; font-weight:700; line-height:1.4; text-align:center; transition:background-color .15s ease }
#lf-comments .lf-comments-more:not(:disabled):hover { background:var(--lf-primary-hover,var(--lf-primary-color,#79c142)) }
#lf-comments .lf-comments-more:focus-visible { outline:2px solid var(--lf-primary-color,#79c142); outline-offset:3px }
#lf-comments .lf-comments-more-label { text-decoration:underline; text-underline-offset:2px }
#lf-comments .lf-comments-more-icon { flex:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
@media(prefers-reduced-motion:reduce) { #lf-comments .lf-comments-more { transition:none } }
.lf-more-replies { margin:8px 0 }
.lf-comments-status:empty { display:none }
#lf-comments [hidden] { display:none !important }
#lf-comments .lf-replies:empty { display:none }
#lf-comments .comment-content { overflow-wrap:anywhere }
#lf-comments .comment-actions { flex-wrap:wrap; gap:8px }
#lf-comments .lf-replies .lf-replies { margin-left:8px; padding-left:8px }
.comments-section button:disabled, [aria-busy="true"].rating-button-fixed { opacity:.6; cursor:pointer }
.lf-reply-notice { font-size:14px }
.lf-cancel-reply { color:inherit; background:transparent; border:1px solid #888; cursor:pointer }
#lf-notice { position:fixed; top:24px; right:24px; z-index:100001; display:flex; align-items:flex-start; gap:18px; width:fit-content; max-width:min(380px,calc(100vw - 32px)); box-sizing:border-box; padding:17px 20px; border:0; border-radius:3px; background:#dd5c59; background-image:none; color:#fff; opacity:1; box-shadow:none; backdrop-filter:none; font-family:inherit; font-size:15px; font-weight:500; line-height:1.45; overflow-wrap:anywhere; text-align:left }
#lf-notice button { flex:none; border:0; padding:0 3px; background:transparent; color:inherit; cursor:pointer; font:24px/1 Arial,sans-serif }
#lf-notice.lf-notice-success { background:#79c142 }
body.admin-bar #lf-notice { top:56px }
@media(max-width:600px) { #lf-notice { top:16px; right:16px } body.admin-bar #lf-notice { top:62px } }
#lf-comments .like-btn.loading, #lf-comments .dislike-btn.loading { cursor:pointer !important }

/* Shared, quiet surfaces; keep the existing two-column layout and comment actions. */
body .comments-section { --lf-comment-surface:#fff; --lf-comment-soft:#f5f7f5; --lf-comment-text:#283029; --lf-comment-muted:#69746b; --lf-comment-border:#dce2dc }
body.dark-mode .comments-section { --lf-comment-surface:#242924; --lf-comment-soft:#1d221e; --lf-comment-text:#edf1ed; --lf-comment-muted:#aab5ac; --lf-comment-border:#404940 }
body .comments-section { background:var(--lf-comment-soft) !important; color:var(--lf-comment-text) }
body .comments-section { position:relative; isolation:isolate; font-family:"LF Onest",system-ui,-apple-system,"Segoe UI",Arial,sans-serif }
body .comments-section::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:min(100%,450px); pointer-events:none; background:url("../../assets/images/comments-mountains.webp") center 0 / cover no-repeat; opacity:.78; mask-image:linear-gradient(transparent,#000 10%,#000 65%,transparent) }
body.dark-mode .comments-section::before { opacity:.17 }
@media(max-width:600px) { body .comments-section::before { height:min(100%,300px); background-size:900px auto; background-position:42% 0; opacity:.65 } body.dark-mode .comments-section::before { opacity:.14 } }
body .comments-section .comments-two-column-container, body .comments-section .comment-form-column, body .comments-section .modern-comment-form { background:transparent !important }
body .comments-section .modern-comment-form, body .comments-section #commentform .comment-editor-controls, body .comments-section #commentform .comment-footer { border:0 !important; box-shadow:none !important; background:transparent !important }
body #lf-comments .comment-item { padding:20px; border:1px solid var(--lf-comment-border); border-radius:12px; background:var(--lf-comment-surface); box-shadow:0 2px 4px rgba(0,0,0,.025); color:var(--lf-comment-text) }
body #lf-comments .comment-avatar { background:var(--lf-avatar-color,#5968a5) !important; color:#fff; width:70px; height:70px; flex:0 0 70px; border-radius:50%; overflow:hidden; font:600 24px/70px "LF Onest",system-ui,-apple-system,"Segoe UI",Arial,sans-serif }
body #lf-comments .comment-avatar img { display:block; width:70px; height:70px; max-width:100%; object-fit:cover }
body #lf-comments .comment-meta { min-width:0; overflow-wrap:anywhere }
body #lf-comments .comment-author-name { color:var(--lf-comment-text); font-size:16px; font-weight:500 }
body #lf-comments .comment-date { color:var(--lf-comment-muted); font-size:12px }
body #lf-comments .comment-content { color:var(--lf-comment-text); font-family:inherit; font-size:16px; line-height:1.5; margin:14px 0 }
body #lf-comments .comment-actions button { min-height:36px; border-radius:7px; padding:6px 8px; color:var(--lf-comment-muted); font-family:inherit; font-size:13px; background:transparent; border:0 }
body #lf-comments .comment-actions button:hover { background:var(--lf-comment-soft); color:var(--lf-comment-text) }
/* Fixed vote colors, independent of the site's accent. Override the legacy
   template !important rules, including while a selected button is hovered. */
body #lf-comments .comment-actions .like-btn.active { color:#27823b !important; background-color:#e8f5eb !important }
body #lf-comments .comment-actions .dislike-btn.active { color:#c63832 !important; background-color:#fbecea !important }
body.dark-mode #lf-comments .comment-actions .like-btn.active { color:#82d797 !important; background-color:#2b4031 !important }
body.dark-mode #lf-comments .comment-actions .dislike-btn.active { color:#ff9690 !important; background-color:#472f2e !important }
body #lf-comments .comment-actions { align-items:center; gap:4px }
body .comments-section #commentform input:not([type="hidden"]):not([type="checkbox"]), body .comments-section #commentform textarea { box-sizing:border-box; width:100%; border:1px solid var(--lf-comment-border) !important; border-radius:12px !important; padding:12px 14px !important; background:var(--lf-comment-surface) !important; color:var(--lf-comment-text) !important; font:16px/1.5 "LF Onest",system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important; box-shadow:inset 0 2px 3px rgba(0,0,0,.045) !important }
body .comments-section #commentform textarea { min-height:140px; resize:vertical }
body .comments-section #commentform input::placeholder, body .comments-section #commentform textarea::placeholder { color:var(--lf-comment-muted); opacity:1 }
body .comments-section #commentform :is(input,textarea):focus-visible { outline:2px solid var(--lf-primary-color); outline-offset:2px }
body .comments-section #commentform .char-counter { border:0; background:transparent; color:var(--lf-comment-muted); padding:6px 2px; font:12px/1.5 "LF Onest",system-ui,-apple-system,"Segoe UI",Arial,sans-serif; text-align:right }
body .comments-section #commentform button[type="submit"] { border:0; border-radius:10px; min-height:44px; font:600 14px/1.4 "LF Onest",system-ui,-apple-system,"Segoe UI",Arial,sans-serif; background:var(--lf-primary-color); color:#fff; box-shadow:none; cursor:pointer }
@media(pointer:coarse) { body #lf-comments .comment-actions button { min-height:44px } }

body #lf-comments .comment-header { gap:14px; margin-bottom:12px }
@media(max-width:600px) { body #lf-comments .comment-item { padding:16px } }