/* LF editorial: component-scoped, native site theme variables. No remote assets. */
.lfx {--lfx-bg:var(--bg,#fff);--lfx-text:var(--tt,#26343d);--lfx-muted:var(--tt-fade,#65747d);--lfx-line:var(--bdc,#dce3dd);--lfx-accent:var(--accent,#79c142);--lfx-soft:#f3f7ef;--lfx-preview-height:245px;margin:12px 0 20px;color:var(--lfx-text);clear:both;}
body.dt .lfx {--lfx-bg:#191d1f;--lfx-text:#f0f3f1;--lfx-muted:#aab5b2;--lfx-line:#343d39;--lfx-soft:#222d22;}
.lfx *, .lfx *::before,.lfx *::after {box-sizing:border-box;}
.lfx .lfx-article,.lfx .lfx-faq {background:var(--lfx-bg);border:1px solid var(--lfx-line);border-radius:0;overflow:hidden;}
.lfx .lfx-head {padding:20px 20px 0;}
.lfx .lfx-kicker {display:flex;align-items:center;gap:8px;color:var(--lfx-accent);font-size:10px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase;margin-bottom:13px;}
.lfx .lfx-kicker i {font-size:15px;}
.lfx .lfx-head h2 {margin:0;color:var(--lfx-text);font-size:18px;line-height:1.3;font-weight:500;overflow-wrap:anywhere;}
.lfx .lfx-article-body {padding:16px 20px 20px;}
.lfx .lfx-copy {position:relative;overflow-wrap:anywhere;color:var(--lfx-muted);font-size:15px;line-height:1.85;}
.lfx .lfx-p {margin:0 0 17px;white-space:pre-line;}
.lfx .lfx-p:last-child {margin-bottom:0;}
.lfx .lfx-copy > p + p:not(.lfx-p) {margin-top:1em;}
.lfx .lfx-copy>.lfx-p:first-child {color:var(--lfx-text);font-size:17px;line-height:1.7;}
.lfx .lfx-article.is-collapsed .lfx-copy {max-height:var(--lfx-preview-height);overflow:hidden;}
.lfx .lfx-article.is-collapsed .lfx-copy::after {content:"";position:absolute;left:0;right:0;bottom:0;height:86px;background:linear-gradient(transparent,var(--lfx-bg));pointer-events:none;}
.lfx .lfx-reveal {display:flex;justify-content:center;padding:17px 0 0;}
.lfx .lfx-reveal[hidden] {display:none;}
.lfx .lfx-read {display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:42px;padding:10px 23px;margin:0;border:1px solid var(--lfx-line);border-radius:0;background:var(--lfx-soft);box-shadow:none;color:var(--lfx-accent);font-family:inherit;font-size:13px;line-height:1.5;font-weight:700;text-transform:none;cursor:pointer;height:auto;}
.lfx .lfx-read:hover {border-color:var(--lfx-accent);filter:none;}
.lfx .lfx-read i {font-size:12px;}
.lfx .lfx-article.is-collapsed .lfx-read i {transform:rotate(180deg);}
.lfx .lfx-spoiler {margin:22px 0 0;border:1px solid var(--lfx-line);border-radius:0;overflow:hidden;}
.lfx .lfx-spoiler summary {display:flex;align-items:center;gap:10px;min-height:48px;padding:13px 16px;list-style:none;cursor:pointer;font-size:14px;line-height:1.5;color:var(--lfx-text);}
.lfx .lfx-spoiler summary>i:first-child {color:#b68635;}
.lfx .lfx-spoiler summary>small {color:#94652a;background:var(--lfx-soft);font-size:11px;line-height:1.4;padding:3px 7px;border-radius:0;margin-left:auto;}
body.dt .lfx .lfx-spoiler summary>small {color:#ddb367;}
.lfx .lfx-spoiler summary>.lfx-chevron {font-size:12px;color:var(--lfx-muted);}
.lfx .lfx-spoiler[open] .lfx-chevron {transform:rotate(180deg);}
.lfx .lfx-ending {padding:0 16px 18px;color:var(--lfx-muted);font-size:15px;line-height:1.85;overflow-wrap:anywhere;}
.lfx .lfx-spoiler[open] summary {margin-bottom:7px;}
.lfx .lfx-faq {margin-top:18px;padding:20px;}
.lfx .lfx-faq:first-child {margin-top:0;}
.lfx .lfx-faq-head {display:flex;align-items:center;gap:12px;margin-bottom:19px;}
.lfx .lfx-section-icon {display:flex;align-items:center;justify-content:center;flex:0 0 39px;width:39px;height:39px;background:var(--lfx-soft);color:var(--lfx-accent);border-radius:0;font-size:19px;}
.lfx .lfx-faq-head h2 {font-size:18px;line-height:1.4;font-weight:500;margin:0;color:var(--lfx-text);}
.lfx .lfx-questions {list-style:none;margin:0;padding:0;border-top:1px solid var(--lfx-line);}
.lfx .lfx-question {border-bottom:1px solid var(--lfx-line);}
.lfx .lfx-question summary {display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:51px;padding:15px 17px;font-size:14px;line-height:1.55;color:var(--lfx-text);list-style:none;cursor:pointer;}
.lfx .lfx-question summary>span {min-width:0;overflow-wrap:anywhere;}
.lfx .lfx-question summary>i {flex:0 0 auto;font-size:14px;color:var(--lfx-accent);}
.lfx .lfx-question[open] {border-color:var(--lfx-accent);}
.lfx .lfx-question[open] summary {background:var(--lfx-soft);}
.lfx .lfx-question[open] summary>i {transform:rotate(45deg);}
.lfx .lfx-answer {padding:16px 17px 18px;color:var(--lfx-muted);font-size:14px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere;}
.lfx summary::-webkit-details-marker {display:none;}
.lfx summary::marker {content:"";}
.lfx button:focus-visible,.lfx summary:focus-visible {outline:2px solid var(--lfx-accent);outline-offset:-3px;}
@media(max-width:760px){
 .lfx {--lfx-preview-height:235px;margin-top:10px;}
 .lfx .lfx-head {padding:21px 18px 0;}
 .lfx .lfx-head h2 {font-size:18px;line-height:1.35;}
 .lfx .lfx-article-body {padding:16px 18px 20px;}
 .lfx .lfx-copy,.lfx .lfx-ending {font-size:14px;line-height:1.85;}
 .lfx .lfx-copy>.lfx-p:first-child {font-size:16px;line-height:1.7;}
 .lfx .lfx-kicker {font-size:9px;letter-spacing:1px;}
 .lfx .lfx-faq {padding:20px 17px;}
 .lfx .lfx-faq-head {gap:10px;margin-bottom:16px;}
 .lfx .lfx-faq-head h2 {font-size:18px;}
 .lfx .lfx-question summary {font-size:14px;padding:14px 13px;gap:13px;}
 .lfx .lfx-answer {font-size:14px;padding:13px 14px 16px;}
 .lfx .lfx-spoiler summary {padding:13px 12px;gap:8px;font-size:13px;flex-wrap:wrap;}
 .lfx .lfx-spoiler summary>small {margin-left:0;}
 .lfx .lfx-spoiler summary>.lfx-chevron {margin-left:auto;}
 .lfx .lfx-read {min-height:44px;}
}
@media(prefers-reduced-motion:no-preference){.lfx .lfx-question summary>i,.lfx .lfx-chevron,.lfx .lfx-read i{transition:transform .18s ease;}}

/* Spoiler warning in light and dark themes. */
.lfx .lfx-spoiler {border-color:#e2b8ab;}
.lfx .lfx-spoiler summary {background:#fbefeb;}
.lfx .lfx-spoiler summary>i:first-child, .lfx .lfx-spoiler summary>small {color:#924a37;}
.lfx .lfx-spoiler summary>small {background:#f2d9d0;}
body.dt .lfx .lfx-spoiler {border-color:#75483b;}
body.dt .lfx .lfx-spoiler summary {background:#352622;}
body.dt .lfx .lfx-spoiler summary>i:first-child, body.dt .lfx .lfx-spoiler summary>small {color:#f0b09a;}
body.dt .lfx .lfx-spoiler summary>small {background:#503229;}
