#learning-hub { --lh-accent: #168477; }
.lh-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:32px; border:1px solid var(--border-color, #dbe6e3); border-radius:24px; background:linear-gradient(120deg,rgba(22,132,119,.13),rgba(227,184,97,.1)); margin-bottom:24px; }
.lh-hero h1 { font-size:clamp(28px,4vw,42px); margin:8px 0 12px; letter-spacing:-1px; }
.lh-hero p,.lh-heading p,.lh-card p {color:var(--text-secondary);line-height:1.65;}
.lh-kicker {font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--lh-accent);text-transform:uppercase;}
.lh-stats {display:flex;gap:28px;flex-shrink:0;}.lh-stats div{display:flex;flex-direction:column;gap:5px;}.lh-stats strong{font-size:32px;}.lh-stats span{font-size:12px;color:var(--text-secondary);}
.lh-tabs {display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;}.lh-tabs button {border:1px solid var(--border-color,#dbe6e3);background:var(--bg-secondary,transparent);color:var(--text-primary);padding:11px 16px;border-radius:30px;cursor:pointer;font-weight:600;}.lh-tabs button.active{background:var(--lh-accent);color:white;border-color:var(--lh-accent);}
.lh-heading {display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;}.lh-heading h2{font-size:24px;margin-bottom:8px;}.lh-heading p{max-width:760px;}.lh-pill{align-self:flex-start;white-space:nowrap;border-radius:20px;background:rgba(22,132,119,.1);padding:8px 12px;font-size:13px;}
.lh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;}.lh-card {padding:24px;border:1px solid var(--border-color,#dbe6e3);background:var(--bg-secondary,rgba(255,255,255,.03));border-radius:18px;margin-bottom:18px;}.lh-card h3{font-size:19px;line-height:1.5;margin:12px 0;}.lh-card p{margin:10px 0 18px;font-size:14px;}.lh-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px;}.lh-actions label{font-size:13px;cursor:pointer;}.lh-done{border-color:var(--lh-accent);}.lh-form{display:flex;flex-direction:column;gap:16px;}.lh-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;}.lh-form input,.lh-form textarea {border:1px solid var(--border-color,#ccd8d4);padding:12px;border-radius:9px;color:var(--text-primary);background:var(--bg-primary,transparent);font:inherit;}.lh-form fieldset{padding:20px;border:1px solid var(--border-color,#ccd8d4);border-radius:12px;}.lh-options{display:grid;gap:9px;}.lh-options button{padding:12px;text-align:left;background:transparent;color:var(--text-primary);border:1px solid var(--border-color,#ccd8d4);border-radius:10px;cursor:pointer;font:inherit;}.lh-options button:hover:not(:disabled){border-color:var(--lh-accent);background:rgba(22,132,119,.08);}.lh-options button:disabled{opacity:.55;cursor:default;}.lh-feedback{border-left:3px solid var(--lh-accent);padding-left:12px;}.lh-feedback:empty{display:none;}.lh-score{font-size:32px;display:block;margin:10px 0;}.lh-card progress{width:100%;accent-color:var(--lh-accent);}.lh-status{min-height:24px;margin-bottom:12px;color:var(--lh-accent);}.lh-hero .btn{margin-top:14px;}
@media(max-width:760px){.lh-hero{flex-direction:column;align-items:flex-start;padding:22px;}.lh-stats{width:100%;justify-content:space-between;gap:12px;}.lh-heading{flex-direction:column;}.lh-card{padding:20px;}.lh-tabs button{font-size:12px;padding:10px 12px;}}