.lrel{position:relative;box-sizing:border-box;width:100%;max-width:calc(var(--study-lesson-width, 1280px) + max(24px, env(safe-area-inset-left)) + max(24px, env(safe-area-inset-right)));display:grid;grid-template-columns:var(--study-lesson-sidebar,300px) minmax(0,var(--study-reading-width,940px));column-gap:var(--study-lesson-gap,40px);margin:-36px auto 56px;padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right));font-family:var(--font-primary)}.lrel>*{grid-column:2;min-width:0}.lrel__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 18px;margin-bottom:16px}.lrel__title{margin:0;font-size:1.08rem;font-weight:600;letter-spacing:-.01em;color:var(--study-text)}.lrel__all{display:inline-flex;align-items:center;min-height:44px;font-size:.83rem;font-weight:600;color:var(--study-accent);text-decoration:none;border-radius:4px}.lrel__all:focus-visible,.lrel__all:hover{text-decoration:underline;text-underline-offset:3px}.lrel__all:focus-visible,.lrel__card:focus-visible{outline:2px solid var(--study-accent);outline-offset:2px}.lrel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,238px),1fr));gap:12px;margin:0;padding:0;list-style:none}.lrel__card,.lrel__item{display:flex;min-width:0}.lrel__card{flex-direction:column;gap:5px;width:100%;box-sizing:border-box;padding:18px;border:1px solid var(--study-border);border-radius:16px;background:var(--study-card);text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}.lrel__card:hover{border-color:#8b729f;background:#251d33;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.lrel__card{transition:border-color .18s ease,background .18s ease}.lrel__card:hover{transform:none}}.lrel__reason{font-size:.75rem;font-weight:500;line-height:1.5;color:var(--study-faint)}.lrel__name{font-size:.96rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere;color:var(--study-text)}.lrel__desc{font-size:.8125rem;line-height:1.7;color:var(--study-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}@media (max-width:1329px){.lrel{max-width:calc(var(--study-reading-width, 940px) + max(24px, env(safe-area-inset-left)) + max(24px, env(safe-area-inset-right)));grid-template-columns:minmax(0,1fr)}.lrel>*{grid-column:1}}@media (max-width:720px){.lrel{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));margin-bottom:40px}.lrel__grid{grid-template-columns:1fr}}@media (hover:none){.lrel__card:hover{transform:none}}