.uni-scope{--u-stroke:#dad4c8;--u-cream:#f9f8f6;--u-ink:#000;--u-muted:#85817a;--u-teal:#005870;--u-blue:#0053b5;--u-radius:.75rem;--u-radius-sm:.5rem;color:var(--u-ink)}.uni-wrap{max-width:88rem;margin:0 auto;padding:20px 24px 56px}.uni-side{background:var(--oat-100);border-right:1px solid var(--border);z-index:30;flex-direction:column;flex:none;align-self:flex-start;gap:18px;width:236px;height:100dvh;padding:22px 12px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.uni-side-group{flex-direction:column;gap:2px;display:flex}.uni-side-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--oat-400);padding:4px 10px 6px;font-size:10px;font-weight:600}.uni-side-item{border-radius:var(--radius-sm);color:var(--oat-500);transition:background .12s var(--ease), border-color .12s var(--ease);border:.5px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:550;text-decoration:none;display:flex}.uni-side-item.is-sub{font-size:13px;font-weight:500}.uni-side-item:hover{background:color-mix(in srgb, var(--white) 70%, transparent);text-decoration:none}.uni-side-item.is-active{background:var(--white);border-color:#dad4c8;font-weight:600}.uni-side-ic{width:16px;color:var(--oat-500);flex:none;font-size:15px}.uni-side-item.is-sub .uni-side-ic{color:var(--oat-400)}.uni-side-dot{border-radius:999px;flex-shrink:0;width:6px;height:6px;margin:0 5px}.uni-side-empty{color:var(--oat-400);padding:6px 10px;font-size:12.5px}.uni-side-foot{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}@media (max-width:720px){.uni-side{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;gap:8px;width:100%;height:auto;padding:10px 14px;position:static;overflow-x:auto}.uni-side-group{flex-direction:row;gap:4px}.uni-side-label,.uni-side-foot{display:none}.uni-side-item{white-space:nowrap;padding:6px 10px}}.uni-panel{background:var(--white);border:.5px solid var(--u-stroke);border-radius:var(--u-radius);padding:1rem;overflow:clip}.uni-hero{--u-hero-text:var(--u-ink);--u-hero-line:var(--u-stroke);border:.5px solid var(--u-stroke);border-radius:var(--u-radius-sm);background:var(--u-cream);color:var(--u-hero-text);position:relative;overflow:hidden}.uni-hero.is-teal{--u-hero-text:#fff;--u-hero-line:#ffffff40;background:var(--u-teal);border-color:var(--u-teal)}.uni-hero.is-blue{--u-hero-text:#fff;--u-hero-line:#ffffff40;background:var(--u-blue);border-color:var(--u-blue)}.uni-hero-grid{border-left:.5px solid var(--u-hero-line);border-right:.5px solid var(--u-hero-line);margin:0 2rem}.uni-hero-row{border-bottom:.5px solid var(--u-hero-line);padding:1rem 1.5rem}.uni-hero-row:last-child{border-bottom:none}.uni-hero-row.is-title{padding:1.25rem 1.5rem 1.5rem}.uni-hero-row.is-intro{min-height:5.5rem;padding:1.5rem 1.5rem 1.75rem}.uni-crumbs{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.uni-crumbs a,.uni-crumbs span{color:inherit;text-decoration:none}.uni-crumbs .uni-sep{opacity:.6;font-weight:400}.uni-tag{border:.5px solid var(--u-stroke);border-radius:var(--u-radius-sm);background:var(--white);color:var(--u-ink);transition:transform .12s var(--ease), box-shadow .12s var(--ease);align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.uni-tag:hover{box-shadow:0 1px 0 var(--u-stroke);text-decoration:none;transform:translateY(-1px)}.uni-h1{letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(2.5rem,5.2vw,4rem);font-weight:650;line-height:1}.uni-hero.is-teal .uni-h1,.uni-hero.is-blue .uni-h1{max-width:18ch}.uni-intro{max-width:35rem;margin:0;font-size:1.25rem;line-height:1.4}.uni-hero-art{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:62%;position:absolute;bottom:-14%;right:0}.uni-hero-media{border:.5px solid var(--u-hero-line);border-radius:var(--u-radius-sm);background:#ffffff0f;overflow:hidden}.uni-hero-media .lesson-embed{margin:0}.uni-crumb{align-items:center;gap:.6rem;display:inline-flex}.uni-hero-lead{gap:1.5rem;min-width:0;display:grid}.uni-hero-side{grid-template-columns:minmax(0,1.7fr) minmax(14rem,1fr);gap:0;display:grid}.uni-hero-side .uni-hero-lead{padding-right:1.5rem}.uni-hero-meta{border-left:.5px solid var(--u-hero-line);flex-direction:column;align-items:flex-start;gap:.75rem;padding-left:1.5rem;display:flex}.uni-hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.uni-hero-eyebrow.is-dim{opacity:.8}.uni-hero.is-blue .uni-btn,.uni-hero.is-teal .uni-btn{background:var(--white);color:var(--u-ink)}.uni-hero.is-blue .uni-tag,.uni-hero.is-teal .uni-tag{color:var(--white);background:#ffffff1f;border-color:#ffffff59}.uni-btn{border-radius:var(--u-radius-sm);background:var(--u-ink);color:var(--white);transition:transform .12s var(--ease);align-items:center;gap:.5rem;padding:.75rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.uni-btn:hover{text-decoration:none;transform:translateY(-1px)}.uni-btn:active{transform:translateY(0)}.uni-sec{justify-content:space-between;align-items:baseline;gap:1rem;margin:2rem 1rem 1rem;display:flex}.uni-sec h2{letter-spacing:-.015em;margin:0;font-size:1.5rem;font-weight:650;line-height:1.2}.uni-sec h2 .is-accent{color:var(--u-accent,var(--u-teal))}.uni-sec .uni-count{color:var(--u-muted);font-size:.85rem;font-weight:500}.uni-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0 1rem 1rem;display:grid}.uni-card{background:var(--white);border:.5px solid var(--u-stroke);border-radius:var(--u-radius);min-height:100%;color:var(--u-ink);transition:transform .12s var(--ease), box-shadow .12s var(--ease);flex-direction:column;padding:.5rem;text-decoration:none;display:flex}.uni-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.uni-card:active{transform:translateY(0)}.uni-card-inner{border:.5px solid var(--u-stroke);border-radius:var(--u-radius-sm);flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex}.uni-card-art{aspect-ratio:16/9;object-fit:cover;border-radius:var(--u-radius-sm);background:var(--u-cream);width:100%}.uni-eyebrow{color:var(--u-ink);align-items:center;gap:.45rem;font-size:.85rem;font-weight:500;display:inline-flex}.uni-dot{background:var(--u-dot,var(--u-teal));border-radius:999px;flex-shrink:0;width:6px;height:6px}.uni-card h3{letter-spacing:-.015em;margin:0;font-size:1.15rem;font-weight:650;line-height:1.2}.uni-card p{color:var(--u-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.uni-card-action{justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem .5rem;font-size:.9rem;font-weight:500;display:flex}.uni-card-action .uni-arrow{border:.5px solid var(--u-stroke);width:28px;height:28px;transition:transform .12s var(--ease);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.uni-card:hover .uni-arrow{transform:translate(3px)}.uni-card-chips{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.uni-chip{border:.5px solid var(--u-stroke);background:var(--u-cream);color:var(--u-muted);transition:transform .12s var(--ease);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.uni-chip:hover{text-decoration:none;transform:translateY(-1px)}.uni-chip.is-active{background:var(--u-ink);border-color:var(--u-ink);color:var(--white)}.uni-chips{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0 1rem;display:flex}.uni-article{grid-template-columns:minmax(0,1.7fr) minmax(16rem,1fr);align-items:start;gap:1rem;padding:1rem 0 0;display:grid}.uni-article-main{min-width:0}.uni-label-bar{border:.5px solid var(--u-stroke);border-radius:var(--u-radius-sm);background:var(--u-cream);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:flex}.uni-article-body{padding:1.5rem 1rem .5rem}.uni-article-body .lesson-md{font-size:1rem;line-height:1.6}.uni-article-body .lesson-md h2{letter-spacing:-.015em;margin:2rem 0 1rem;font-size:1.75rem;font-weight:650;line-height:1.2}.uni-article-body .lesson-md h3{letter-spacing:-.015em;margin:1.75rem 0 .75rem;font-size:1.35rem;font-weight:650}.uni-article-body .lesson-md p{margin:0 0 .75em}.uni-article-body .lesson-md img{border-radius:var(--u-radius);border:.5px solid var(--u-stroke);width:100%;margin:2rem 0}.uni-article-body .lesson-md .lesson-embed{border-radius:var(--u-radius);margin:2rem 0;overflow:hidden}.uni-article-body .lesson-md em:only-child{color:var(--u-muted);font-size:.9rem}.uni-aside{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1rem}.uni-toc{padding:.25rem .25rem 0}.uni-toc a{color:var(--u-ink);border-radius:var(--u-radius-sm);transition:background .12s var(--ease);padding:.3rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.uni-toc a.is-h3{color:var(--u-muted);padding-left:1.75rem}.uni-toc a:hover{background:var(--u-cream);text-decoration:none}.uni-meta-list{color:var(--u-muted);gap:.35rem;padding:.5rem .75rem 0;font-size:.85rem;display:grid}.uni-meta-list a{color:var(--u-ink)}.uni-line{background:var(--u-stroke);height:.5px;margin:1.5rem 0}.uni-steps{gap:1rem;padding:1rem 0 0;display:grid}.uni-step{grid-template-columns:minmax(16rem,1fr) minmax(0,1.7fr);align-items:stretch;gap:1rem;display:grid}.uni-step-text{border:.5px solid var(--u-stroke);border-radius:var(--u-radius-sm);background:var(--u-cream);align-items:flex-start;gap:1rem;padding:1rem;display:flex;position:sticky;top:1rem}.uni-step-num{border:.5px solid var(--u-stroke);background:var(--white);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:650;display:inline-flex}.uni-step-text h3{letter-spacing:-.015em;margin:0 0 .5rem;font-size:1.1rem;font-weight:650}.uni-step-text .lesson-md{font-size:.95rem;line-height:1.5}.uni-step-text .lesson-md p{margin:0 0 .6em}.uni-step-demo{border:.5px solid var(--u-stroke);border-radius:var(--u-radius-sm);background:var(--white);min-height:16rem;overflow:hidden}.uni-step-demo .lesson-embed{height:100%;margin:0}.uni-courses{gap:1rem;padding:0 1rem 1rem;display:grid}.uni-course{border-radius:var(--u-radius);background:var(--u-blue);color:var(--white);padding:.5rem}.uni-course-head{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem 1rem;display:flex}.uni-course-head h3{letter-spacing:-.015em;margin:0 0 .15rem;font-size:1.35rem;font-weight:650}.uni-course-sub{opacity:.85;font-size:.9rem}.uni-course-open{border-radius:var(--u-radius-sm);background:var(--white);width:36px;height:36px;color:var(--u-ink);transition:transform .12s var(--ease);justify-content:center;align-items:center;display:inline-flex}.uni-course-open:hover{transform:translateY(-1px)}.uni-course-body{background:var(--white);color:var(--u-ink);border-radius:var(--u-radius-sm);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.5rem;padding:1.25rem;display:grid}.uni-course-desc{color:var(--u-muted);margin:0 0 1rem;font-size:.95rem;line-height:1.5}.uni-course-lessons{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.uni-course-lessons a{border:.5px solid var(--u-stroke);border-radius:var(--u-radius-sm);background:var(--u-cream);color:var(--u-ink);transition:transform .12s var(--ease);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.uni-course-lessons a:hover{text-decoration:none;transform:translateY(-1px)}.uni-course-lessons .uni-arrow{border:.5px solid var(--u-stroke);background:var(--white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.uni-course-more{color:var(--u-muted);padding:.25rem .9rem 0;font-size:.85rem}.uni-empty{border:.5px dashed var(--u-stroke);border-radius:var(--u-radius-sm);text-align:center;color:var(--u-muted);margin:1rem;padding:2.5rem 1.5rem;font-size:.95rem}@media (max-width:1100px){.uni-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uni-article,.uni-step{grid-template-columns:minmax(0,1fr)}.uni-aside,.uni-step-text{position:static}.uni-hero-side{grid-template-columns:minmax(0,1fr)}.uni-hero-meta{border-left:none;padding-top:1.25rem;padding-left:0}.uni-course-body{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.uni-grid{grid-template-columns:minmax(0,1fr)}.uni-hero-grid{margin:0 .75rem}.uni-hero-art{display:none}.uni-panel{padding:.5rem}}
