:root{--teal:#002f33;--teal2:#06474c;--orange:#f1761b;--cream:#f4e8d2;--paper:#fffdf8;--ink:#102426;--muted:#5c7072;--line:#d9d0c2;--ok:#2f6d4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6}a{color:inherit}.library-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(18px,5vw,72px);background:rgba(0,47,51,.97);color:#fff}.brand{font-weight:800;text-decoration:none;letter-spacing:.03em}.brand span{color:var(--orange)}.nav-link{font-size:.9rem;color:#fff;text-decoration:none}.hero{padding:clamp(54px,9vw,110px) clamp(20px,7vw,110px);background:linear-gradient(135deg,var(--teal),#001d20);color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#ffad70;font-size:.78rem;font-weight:800}.hero h1{max-width:850px;margin:.25em 0;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.96;letter-spacing:-.04em}.hero p{max-width:690px;color:#d4e2e3;font-size:clamp(1rem,2vw,1.2rem)}.wrap{width:min(1160px,calc(100% - 36px));margin:auto;padding:48px 0 80px}.status{display:flex;gap:12px;align-items:flex-start;margin-bottom:32px;padding:16px 18px;border-left:4px solid var(--orange);background:#fff8ee;border-radius:4px}.status strong{display:block}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:44px 0 18px}.section-head h2{margin:0;font-size:clamp(1.65rem,4vw,2.5rem)}.section-head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:flex;flex-direction:column;min-height:280px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,35,38,.06)}.card.featured{background:var(--teal);color:#fff}.card .tag{align-self:flex-start;padding:4px 9px;border-radius:99px;background:#e8f1ed;color:var(--ok);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.card.featured .tag{background:rgba(255,255,255,.13);color:#ffd5b5}.card h3{margin:18px 0 8px;font-size:1.45rem;line-height:1.1}.card p{margin:0 0 20px;color:var(--muted)}.card.featured p{color:#c9d9da}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto}.button{display:inline-flex;justify-content:center;align-items:center;padding:10px 14px;border:1px solid var(--teal);border-radius:6px;background:var(--teal);color:#fff;text-decoration:none;font-weight:800;font-size:.87rem}.button.secondary{background:transparent;color:var(--teal)}.featured .button{background:var(--orange);border-color:var(--orange)}.featured .button.secondary{background:transparent;color:#fff;border-color:#7b9a9d}.progress-shell{margin:26px 0;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.progress-track{height:9px;overflow:hidden;background:#e4ddd3;border-radius:20px}.progress-bar{height:100%;width:0;background:var(--orange);transition:width .25s}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:.86rem}.toolbar{display:flex;gap:12px;margin:20px 0}.toolbar input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}.course-group{margin:16px 0;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.course-group summary{cursor:pointer;padding:18px 20px;font-weight:800;list-style:none}.course-group summary::-webkit-details-marker{display:none}.course-group summary span{float:right;color:var(--muted);font-weight:500}.lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}.lesson{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fff}.lesson input{width:18px;height:18px;accent-color:var(--orange)}.lesson a{flex:1;text-decoration:none}.lesson a:hover{text-decoration:underline}.archive-note{font-size:.9rem;color:var(--muted)}.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.lesson-panel{padding:clamp(20px,4vw,40px);background:var(--paper);border:1px solid var(--line);border-radius:12px}.lesson-panel h1{line-height:1.05}.lesson-panel video{width:100%;border-radius:8px;background:#000}.lesson-panel .resource-list{display:grid;gap:10px;margin:22px 0}.sidebar{align-self:start;position:sticky;top:82px}.sidebar a{display:block;padding:10px 12px;border-left:3px solid transparent;text-decoration:none;color:var(--muted)}.sidebar a.active{border-left-color:var(--orange);background:#fff;color:var(--ink);font-weight:800}.archive-image{display:block;width:min(100%,1100px);height:auto;margin:24px auto;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.08)}footer{padding:28px;text-align:center;background:var(--teal);color:#cfe0e1}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.course-layout{grid-template-columns:1fr}.sidebar{position:static;order:-1}.lesson-list{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.section-head{display:block}.library-nav{padding:12px 16px}.hero{padding-top:55px}.card{min-height:0}.lesson-panel{padding:20px}.progress-meta{display:block}}