.lpp{--ok:var(--lld-ok);--ok-soft:#0ca30c1a;--warn:var(--lld-warn);--crit:var(--lld-crit);--crit-soft:#e11d481a;--flow:var(--lld-flow);color:var(--ink-primary);padding-block:28px 120px}[data-theme=dark] .lpp{--ok-soft:#0ca30c29;--crit-soft:#e11d482e}.lpp-crumbs ol{font:500 12px var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lpp-crumbs li+li:before{content:"›";margin-right:6px}.lpp-crumbs a:hover{color:var(--ink-primary)}.lpp h1{letter-spacing:-.03em;text-wrap:balance;margin-top:16px;font-size:clamp(30px,4.4vw,44px);font-weight:800;line-height:1.1}.lpp-sub{color:var(--ink-secondary);margin-top:8px;font-size:17px}.lpp-meta{font:500 12.5px var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:14px;display:flex}.lpp-meta .diff.easy{color:var(--ok)}.lpp-meta .diff.medium{color:var(--warn)}.lpp-meta .diff.hard{color:var(--crit)}.lpp-meta .sep{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.lpp-tabs{border-bottom:1px solid var(--line-strong);gap:4px;margin-top:22px;display:flex}.lpp-tabs button{color:var(--ink-secondary);border-radius:8px 8px 0 0;align-items:center;gap:10px;padding:12px 16px 14px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.lpp-tabs button:hover{color:var(--ink-primary);background:var(--surface-glass)}.lpp-tabs button[aria-selected=true]{color:var(--ink-primary)}.lpp-tabs button[aria-selected=true]:after{content:"";background:var(--brand);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.lpp-tabs .aside{font:500 12px var(--font-mono);color:var(--ink-muted)}.lpp-tabs .badge{height:22px;font:600 11.5px var(--font-mono);color:var(--crit);background:var(--crit-soft);border-radius:999px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.lpp-tabs .badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.lpp-grid{grid-template-columns:minmax(0,740px) 320px;justify-content:space-between;align-items:start;gap:48px;margin-top:4px;display:grid}.lpp-article{min-width:0;padding-top:22px}.lpp-concepts{border:1px solid var(--line-hairline);background:var(--surface-raised);border-radius:10px;padding:12px 14px}.lpp-concepts summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;list-style:none;display:flex}.lpp-concepts summary::-webkit-details-marker{display:none}.lpp-concepts summary b{font-weight:600}.lpp-concepts summary .note{color:var(--ink-muted);font-size:13px}.lpp-concepts summary u{color:var(--brand-ink);margin-left:auto;font-size:13px;font-weight:500;text-decoration:none}.lpp-concepts summary:hover u{text-underline-offset:3px;text-decoration:underline}.lpp-concepts .hide,.lpp-concepts[open] .show,.lpp-concepts[open] .note{display:none}.lpp-concepts[open] .hide{display:inline}.lpp-concepts .list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.lpp-concepts .list a{border:1px solid var(--line-hairline);background:var(--surface-page);border-radius:6px;align-items:center;height:28px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.lpp-concepts .list a:hover{border-color:var(--line-strong);color:var(--brand-ink)}.lpp-task{border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);background:var(--brand-subtle);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-top:44px;padding:20px;display:flex}.lpp-task p{max-width:52ch;margin:0;font-size:17px;font-weight:600}.lpp-btn{white-space:nowrap;background:var(--brand-gradient);height:40px;color:var(--on-brand);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;transition:transform .12s cubic-bezier(.2,0,0,1);display:inline-flex}.lpp-btn:active{transform:scale(.97)}.lpp-btn:focus-visible,.lpp a:focus-visible,.lpp button:focus-visible,.lpp summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.lpp-link{color:var(--ink-muted);text-underline-offset:3px;align-self:center;font-size:12.5px;text-decoration:underline}.lpp-link:hover{color:var(--ink-primary)}.lpp-rail{padding-top:22px;position:sticky;top:84px}.lpp-card{border:1px solid var(--line-hairline);background:var(--surface-raised);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.lpp-card .k{font:500 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:0}.lpp-card .what{flex-direction:column;gap:6px;display:flex}.lpp-card .what b{font-size:15px;font-weight:650}.lpp-card .what p{color:var(--ink-secondary);margin:0;font-size:13.5px}.lpp-card dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.lpp-card dt{color:var(--ink-muted)}.lpp-card dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.lpp-card .lpp-btn{width:100%}.lpp-card .small{color:var(--ink-muted);margin:0;font-size:12px}.lpp-progress{background:var(--surface-page);border:1px solid var(--line-hairline);font:500 12px var(--font-mono);color:var(--ink-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.lpp-progress i{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px var(--ok-soft);border-radius:50%}@media (max-width:1020px){.lpp-grid{grid-template-columns:minmax(0,1fr);gap:0}.lpp-rail{order:-1;position:static}}@media (max-width:720px){.lpp-tabs button{flex-direction:column;flex:1;align-items:flex-start;gap:4px;padding:10px 10px 12px}}@media (prefers-reduced-motion:reduce){.lpp *,.lpp :before,.lpp :after{transition:none!important}}