/* Native project courses use the existing local lesson and progress engine. */
.learning-resources{margin-top:36px;padding-top:32px;border-top:2px solid var(--fx-line,#ddd);color:var(--fx-ink,#151515);scroll-margin-top:24px;min-width:0}
.learning-resources h2{font-size:25px;line-height:1.3;margin:0 0 12px}
.learning-resources .lr-intro{max-width:780px;line-height:1.7;margin:0 0 12px}
.learning-resources .lr-network,.learning-resources .lr-status,.learning-resources .lr-meta,.learning-resources .lr-progress{color:var(--fx-muted,#666);line-height:1.6;font-size:13px}
.learning-resources .lr-network{margin:0 0 22px}
.learning-resources .lr-controls{display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(130px,1fr) auto;gap:14px;align-items:end}
.learning-resources .lr-controls label{display:block;min-width:0;font-size:13px;font-weight:700}
.learning-resources :is(input,select){display:block;width:100%;min-width:0;min-height:46px;padding:10px 12px;margin-top:7px;border:1px solid var(--fx-line,#ddd);border-radius:10px;background:var(--fx-card,#fff);color:var(--fx-ink,#151515);font:inherit;font-size:16px}
.learning-resources .lr-clear{min-height:46px;padding:10px 14px;border:1px solid var(--fx-line,#ddd);border-radius:10px;background:var(--fx-card,#fff);color:var(--fx-ink,#151515);font:inherit;font-size:14px;cursor:pointer}
.learning-resources .lr-clear:disabled{opacity:.5;cursor:default}
.learning-resources .lr-status{margin:16px 0 12px}
.learning-resources .lr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.learning-resources .lr-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px;border:1px solid var(--fx-line,#ddd);border-radius:18px;background:var(--fx-card,#fff);overflow-wrap:anywhere}
.learning-resources .lr-card h3{font-size:20px;line-height:1.4;margin:0;color:var(--fx-ink,#151515)}
.learning-resources .lr-card p{margin:0}
.learning-resources .lr-description{font-size:14px;line-height:1.7}
.learning-resources .lr-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:8px}
.learning-resources .lr-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:8px 0;color:var(--fx-blue,#4666fb);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.learning-resources :is(button,a,input,select):focus-visible{outline:3px solid var(--fx-blue,#4666fb)!important;outline-offset:4px!important}
.learning-resources .lr-empty{grid-column:1/-1;padding:24px;border:1px solid var(--fx-line,#ddd);border-radius:14px;line-height:1.7}
.learning-resources .lr-empty .lr-clear{margin-top:14px}
@media(max-width:900px){.learning-resources .lr-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-resources .lr-controls label:first-child{grid-column:1/-1}.learning-resources .lr-controls .lr-clear{grid-column:1/-1;justify-self:start}}
@media(max-width:600px){.learning-resources{margin-top:24px;padding-top:24px}.learning-resources h2{font-size:22px}.learning-resources .lr-grid{grid-template-columns:minmax(0,1fr)}.learning-resources .lr-card{padding:18px}.learning-resources .lr-controls{gap:12px}.learning-resources .lr-card h3{font-size:18px}}

.learning-resources .lr-progress{font-weight:600}
.learning-resources .lr-source{border-top:1px solid var(--fx-line,#ddd);padding-top:8px;color:var(--fx-muted,#666);font-size:12px;line-height:1.7}
.learning-resources .lr-source summary{display:list-item;min-height:44px;line-height:44px;cursor:pointer;font-weight:600}
.learning-resources .lr-source p{margin:4px 0 0}
.learning-resources .lr-source summary:focus-visible{outline:3px solid var(--fx-blue,#4666fb)!important;outline-offset:4px!important}