.lf{background:var(--color-surface);border-block:1px solid var(--color-line);padding-block:3.5rem}.lf .wrap,.lf-main,.lf-box-wrap,.lf-glance,.lf-chip-wrap{min-width:0}.lf-qa{background:var(--color-sand-50);border:1px solid var(--color-sand);border-left:5px solid var(--color-brand);border-radius:var(--radius-card);max-width:52rem;margin:0 auto 2.5rem;padding:1.5rem 1.6rem}.lf-qa h2{margin:0 0 .5rem;font-size:clamp(1.25rem,1.1rem + .7vw,1.6rem);line-height:1.25}.lf-qa p{color:var(--color-ink-3);margin:0}.lf-head-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.lf-glance{margin-bottom:2.5rem;position:relative}.lf-row{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:.9rem;min-width:0;padding:.25rem .125rem .75rem;display:flex;overflow-x:auto}.lf-row::-webkit-scrollbar{display:none}.lf-card{scroll-snap-align:start;background:var(--color-canvas);border:1px solid var(--color-line);border-radius:var(--radius-card);color:inherit;transition:transform .2s var(--ease-out-soft), box-shadow .2s, border-color .2s;flex-direction:column;flex:0 0 17rem;gap:.35rem;padding:1.1rem;text-decoration:none;display:flex}.lf-card:hover{box-shadow:var(--shadow-card);border-color:var(--color-line-strong);background:#fff;transform:translateY(-3px)}.lf-tag{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-700);font-size:.7rem;font-weight:800}.lf-card h3{color:var(--color-ink);margin:0;font-size:1.05rem;font-weight:800;line-height:1.25}.lf-card p{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.5}.lf-glance:after,.lf-chip-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#fff 85%);width:3.5rem;transition:opacity .25s;position:absolute;top:0;bottom:.75rem;right:0}.lf-glance.at-end:after,.lf-chip-wrap.at-end:after{opacity:0}.lf-head{text-align:center;margin:.5rem 0 1.5rem}.lf-head h2{margin:.25rem 0}.lf-updated{color:var(--color-muted);margin:.25rem 0 0;font-size:.86rem}.lf-facts{color:var(--color-muted);max-width:46rem;margin:.25rem auto 0;font-size:.82rem;line-height:1.5}.lf-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.8rem;min-width:0;display:grid}@media (width>=1024px){.lf-layout{grid-template-columns:14.5rem minmax(0,1fr)}}.lf-toc{display:none}@media (width>=1024px){.lf-toc{background:var(--color-canvas);border:1px solid var(--color-line);border-radius:var(--radius-card);align-self:start;padding:1.1rem 1rem;display:block;position:sticky;top:6.25rem}}.lf-toc-h{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink);margin:0 0 .6rem;font-size:.78rem;font-weight:800}.lf-toc ol{margin:0;padding:0;list-style:none}.lf-toc a{color:var(--color-ink-3);border-left:3px solid #0000;border-radius:0 6px 6px 0;padding:.4rem .6rem;font-size:.88rem;line-height:1.35;text-decoration:none;display:block}.lf-toc a:hover{background:var(--color-brand-50);color:var(--color-brand-700)}.lf-toc a.is-active{border-left-color:var(--color-brand-700);color:var(--color-brand-700);background:var(--color-brand-50);font-weight:800}.lf-box-wrap{position:relative}.lf-box{border:1px solid var(--color-line);border-radius:var(--radius-card);scrollbar-width:thin;scrollbar-color:var(--color-brand) var(--color-canvas);outline-offset:3px;background:#fff;height:400px;padding:1.6rem 1.8rem;overflow:hidden auto}.lf-box::-webkit-scrollbar{width:8px}.lf-box::-webkit-scrollbar-track{background:var(--color-canvas);border-radius:4px}.lf-box::-webkit-scrollbar-thumb{background:var(--color-brand);border-radius:4px}.lf-fade{pointer-events:none;z-index:2;border-radius:var(--radius-card);height:2.6rem;transition:opacity .2s;position:absolute;left:1px;right:10px}.lf-fade.top{background:linear-gradient(#fff,#fff0);top:1px}.lf-fade.bot{background:linear-gradient(#fff0,#fff);bottom:1px}.lf-box-wrap.at-top .lf-fade.top,.lf-box-wrap.at-bottom .lf-fade.bot{opacity:0}.lf-box .lf-sec{min-width:0;padding:0 0 1.9rem;scroll-margin-top:.5rem}.lf-box h2{margin:0 0 .6rem;font-size:1.35rem;font-weight:800;line-height:1.25}.lf-box h2:focus,.lf-box h2:focus-visible{outline:none}.lf-box h3{margin:1.3rem 0 .35rem;font-size:1.05rem;font-weight:800;line-height:1.3}.lf-box p{color:var(--color-ink-3);margin:0 0 .75rem;font-size:.98rem;line-height:1.72}.lf-box p.ans{background:var(--color-sand-50);border-left:4px solid var(--color-brand);color:var(--color-ink-2);border-radius:8px;padding:.75rem 1rem}.lf-box ul,.lf-box ol{color:var(--color-ink-3);margin:.5rem 0 .9rem;padding-left:1.4rem;font-size:.98rem;line-height:1.7}.lf-box li{margin-bottom:.35rem}.lf-box a{color:var(--color-brand-700);text-underline-offset:3px;font-weight:700;text-decoration:underline}.lf-box a:hover{color:var(--color-brand-800)}.lf-chips h2{margin:0 0 .6rem;font-size:1.1rem}.lf-chip-wrap{margin-bottom:1.8rem;position:relative}.lf-chip-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:.5rem;min-width:0;padding:.15rem .1rem .4rem;display:flex;overflow-x:auto}.lf-chip-row::-webkit-scrollbar{display:none}.lf-chip{scroll-snap-align:start;border:1px solid var(--color-line-strong);color:var(--color-ink-3);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:.5rem .95rem;font-size:.86rem;font-weight:600;text-decoration:none!important}.lf-box a.lf-chip{color:var(--color-brand-700);font-weight:600}.lf-box a.lf-chip:hover{border-color:var(--color-brand-700);background:var(--color-brand-50)}.lf-faq details{border:1px solid var(--color-line);background:#fff;border-radius:12px;margin-bottom:.6rem}.lf-faq summary{cursor:pointer;font-family:var(--font-display);color:var(--color-ink);padding:.9rem 2.6rem .9rem 1rem;font-size:.97rem;font-weight:700;line-height:1.35;list-style:none;position:relative}.lf-faq summary::-webkit-details-marker{display:none}.lf-faq summary:after{content:"+";color:var(--color-brand-700);font-size:1.3rem;font-weight:400;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.lf-faq details[open] summary:after{content:"–"}.lf-faq .lf-faq-a{padding:0 1rem 1rem}.lf-faq .lf-faq-a p{margin:0;font-size:.95rem}.lf-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.6rem;display:flex}@media (width<=640px){.lf-box{padding:1.2rem 1.1rem}.lf-card{flex-basis:15rem}.lf{padding-block:2.5rem}}@media (prefers-reduced-motion:reduce){.lf-card,.lf-fade{transition:none}}
