.lss-lesson-library{display:grid;gap:32px;color:#17233b;font-family:inherit}.lss-lesson-library *{box-sizing:border-box}
.lss-lesson-library__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);align-items:center;gap:24px;padding:24px 28px;border-radius:18px;background:linear-gradient(135deg,#082c86,#0258bb);color:#fff}
.lss-lesson-library__heading{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.lss-lesson-library__heading h2{margin:0;color:#fff;font-size:clamp(1.8rem,4vw,2.35rem);line-height:1.1}.lss-lesson-library__heading p{margin:4px 0 0;color:#fff;line-height:1.45}.lss-lesson-library__hero-icon{grid-row:1/3;display:grid;place-items:center;width:64px;height:64px;border:2px solid rgba(255,255,255,.78);border-radius:18px}.lss-lesson-library__hero-icon svg{width:48px;height:48px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.lss-lesson-library__controls{display:grid;gap:10px}.lss-lesson-library__controls label,.lss-lesson-library__controls input,.lss-lesson-library__controls select{width:100%}.lss-lesson-library__controls input,.lss-lesson-library__controls select{min-height:48px;padding:10px 14px;border:1px solid #c9d6eb;border-radius:11px;background:#fff;color:#17233b;font:inherit}
.lss-lesson-library__topic{display:grid;gap:16px;scroll-margin-top:24px}.lss-lesson-library__topic>header{text-align:center}.lss-lesson-library__topic>header h3{margin:0;color:var(--lss-lesson-color);font-size:1.42rem;line-height:1.25}.lss-lesson-library__topic>header p{margin:5px auto 0;max-width:780px;color:#56657b;line-height:1.45}
.lss-lesson-library__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lss-lesson-library__card{display:grid;grid-template-rows:minmax(145px,auto) minmax(205px,1fr);min-width:0;overflow:hidden;border:2px solid var(--lss-lesson-color);border-radius:20px;background:#fff;box-shadow:0 10px 25px rgba(28,44,73,.13);transition:transform .18s ease,box-shadow .18s ease}.lss-lesson-library__card:hover,.lss-lesson-library__card:focus-within{box-shadow:0 16px 34px rgba(28,44,73,.22);transform:translateY(-4px)}
.lss-lesson-library__card-head{display:grid;align-content:center;justify-items:center;gap:11px;padding:18px 12px;background:var(--lss-lesson-color);color:#fff;text-align:center}.lss-lesson-library__card-head h4{max-width:100%;margin:0;color:#fff;font-size:1rem;line-height:1.25;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.18)}.lss-lesson-library__card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eef4ff;color:#17335e;box-shadow:0 3px 10px rgba(0,0,0,.13)}.lss-lesson-library__card-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lss-lesson-library__card-body{display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:16px 14px 15px;text-align:center}.lss-lesson-library__meta{margin:0;color:var(--lss-lesson-color);font-size:.78rem;font-weight:800;line-height:1.35}.lss-lesson-library__objective{align-self:start;margin:0;color:#33445c;font-size:.86rem;line-height:1.48}.lss-lesson-library__actions{align-self:end;display:grid;grid-template-columns:1fr;gap:8px;width:100%}.lss-lesson-library__actions button,.lss-lesson-library__actions a{align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 12px;border:2px solid var(--lss-lesson-color);border-radius:9px;font-size:.8rem;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer}.lss-lesson-library__actions button{display:inline-flex;background:var(--lss-lesson-color);color:#fff}.lss-lesson-library__actions a{display:flex;background:#fff;color:var(--lss-lesson-color)}.lss-lesson-library__actions button:hover,.lss-lesson-library__actions button:focus-visible{background:#fff;color:var(--lss-lesson-color);outline:3px solid color-mix(in srgb,var(--lss-lesson-color) 25%,transparent);outline-offset:2px}.lss-lesson-library__actions a:hover,.lss-lesson-library__actions a:focus-visible{background:color-mix(in srgb,var(--lss-lesson-color) 9%,#fff);outline:3px solid color-mix(in srgb,var(--lss-lesson-color) 25%,transparent);outline-offset:2px}.lss-lesson-library__actions button:disabled{border-color:#8a99ac;background:#8a99ac;color:#fff;cursor:not-allowed;opacity:.8}.lss-lesson-library__card.is-locked{border-color:#8a99ac}.lss-lesson-library__card.is-locked .lss-lesson-library__card-head{background:#64748b}
.lss-lesson-library__card.is-locked{border-color:var(--lss-lesson-color)}.lss-lesson-library__card.is-locked .lss-lesson-library__card-head{background:var(--lss-lesson-color)}.lss-lesson-library__actions .lss-lesson-library__article-check{background:#fff;color:var(--lss-lesson-color)}.lss-lesson-library__actions .lss-lesson-library__article-check:hover,.lss-lesson-library__actions .lss-lesson-library__article-check:focus-visible{background:color-mix(in srgb,var(--lss-lesson-color) 9%,#fff);color:var(--lss-lesson-color)}
.lss-lesson-library__lock{width:22px;height:22px;margin-right:7px;flex:0 0 22px}.lss-lesson-library__lock-shackle{fill:none;stroke:#e6e6e6;stroke-width:3;stroke-linecap:round}.lss-lesson-library__lock-body{fill:#f2b51d}.lss-lesson-library__lock-keyhole{fill:#8b6500}
.lss-lesson-plan-access{width:min(624px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid #b8c8df;border-radius:7px;background:linear-gradient(135deg,#082c86,#0258bb);box-shadow:0 18px 55px rgba(8,27,53,.42);overflow:hidden}.lss-lesson-plan-access::backdrop{background:rgba(11,27,48,.72)}.lss-lesson-plan-access .lss-access-denied{box-sizing:border-box;width:100%;max-width:none;min-height:260px;margin:0;border:0;border-radius:7px}.lss-lesson-plan-access__close{position:absolute;z-index:5;top:12px;right:12px;width:38px;height:38px;padding:0;border:2px solid #fff;border-radius:50%;background:#1e6ee8;color:#fff;font-size:28px;font-weight:800;line-height:30px;cursor:pointer}.lss-lesson-plan-access__close:hover{background:#084ca4}.lss-lesson-plan-access__close:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.lss-lesson-library__notice,.lss-lesson-library__empty{display:grid;gap:5px;margin:0;padding:18px;border:1px solid #c8d5e7;border-left:5px solid #1768df;border-radius:12px;background:#f5f8fd;color:#33445c}.lss-lesson-library__notice strong{color:#12395f;font-size:1.05rem}.lss-lesson-library__notice span{line-height:1.5}.lss-lesson-library__empty{text-align:center}.lss-lesson-library__empty[hidden],.lss-lesson-library__card[hidden],.lss-lesson-library__topic[hidden]{display:none!important}
@media(max-width:1080px){.lss-lesson-library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.lss-lesson-library__hero{grid-template-columns:1fr;padding:20px}.lss-lesson-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.lss-lesson-library{gap:26px}.lss-lesson-library__heading{grid-template-columns:1fr;text-align:center}.lss-lesson-library__hero-icon{grid-row:auto;justify-self:center}.lss-lesson-library__grid{grid-template-columns:1fr}.lss-lesson-library__card{grid-template-rows:minmax(130px,auto) auto}}
@media(prefers-reduced-motion:reduce){.lss-lesson-library__card{transition:none}.lss-lesson-library__card:hover,.lss-lesson-library__card:focus-within{transform:none}}