*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,video{max-width:100%;display:block}:root{--bg: #fafaf8;--bg-surface: #f2f2ee;--bg-dark: #1a1a18;--text: #1c1c1a;--text-muted: #6b6b65;--text-faint: #9a9a94;--border: #e2e2dc;--border-dark: #c8c8c0;--area-0: #6b7280;--area-1: #2563eb;--area-2: #7c3aed;--area-3: #dc2626;--area-4: #d97706;--tier-1: #92400e;--tier-1-bg: #fef3c7;--tier-1-border:#f59e0b;--tier-2: #1e40af;--tier-2-bg: #dbeafe;--tier-2-border:#3b82f6;--bayes: #5b21b6;--bayes-bg: #ede9fe;--bayes-border: #8b5cf6;--max-prose: 680px;--max-wide: 1080px;--nav-h: 56px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem}html{font-size:16px;scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh}h1{font-size:var(--text-4xl);line-height:1.2;font-weight:700;letter-spacing:-.02em}h2{font-size:var(--text-2xl);line-height:1.3;font-weight:700;letter-spacing:-.015em}h3{font-size:var(--text-xl);line-height:1.35;font-weight:600}h4{font-size:var(--text-lg);line-height:1.4;font-weight:600}p{margin-top:1em}p:first-child{margin-top:0}a{color:inherit;text-decoration:underline;text-underline-offset:3px}a:hover{opacity:.75}strong{font-weight:600}.site-nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);height:var(--nav-h);display:flex;align-items:center}.site-nav__inner{max-width:var(--max-wide);margin:0 auto;padding:0 1.5rem;width:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-nav__logo{font-size:var(--text-base);font-weight:700;text-decoration:none;letter-spacing:-.01em;flex-shrink:0}.site-nav__links{display:flex;gap:1.5rem;list-style:none}.site-nav__links a{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .15s}.site-nav__links a:hover{color:var(--text);opacity:1}.container{max-width:var(--max-wide);margin:0 auto;padding:0 1.5rem}.prose{max-width:var(--max-prose);margin:0 auto;padding:0 1.5rem}.badge{display:inline-flex;align-items:center;gap:.3em;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.25em .6em;border-radius:4px;line-height:1;white-space:nowrap;text-decoration:none}.badge--tier-1{background:var(--tier-1-bg);color:var(--tier-1);border:1px solid var(--tier-1-border)}.badge--tier-2{background:var(--tier-2-bg);color:var(--tier-2);border:1px solid var(--tier-2-border)}.badge--bayes{background:var(--bayes-bg);color:var(--bayes);border:1px solid var(--bayes-border)}.badge--area{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border)}.badge--draft{background:var(--bg-surface);color:var(--text-faint);border:1px solid var(--border)}.unit-card{display:grid;grid-template-columns:3rem 1fr;gap:0 1rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s;position:relative}.unit-card:hover{border-color:var(--border-dark);box-shadow:0 2px 8px #0000000f;opacity:1}.unit-card__id{font-size:var(--text-sm);font-weight:700;color:var(--text-faint);font-variant-numeric:tabular-nums;padding-top:.15em;grid-row:span 2;align-self:start}.unit-card__title{font-size:var(--text-base);font-weight:600;line-height:1.35}.unit-card__meta{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;flex-wrap:wrap}.unit-card__summary{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin-top:.4rem;grid-column:2}.unit-card__duration{font-size:var(--text-xs);color:var(--text-faint);font-weight:500}.unit-card[data-area="0"]{border-left:3px solid var(--area-0)}.unit-card[data-area="1"]{border-left:3px solid var(--area-1)}.unit-card[data-area="2"]{border-left:3px solid var(--area-2)}.unit-card[data-area="3"]{border-left:3px solid var(--area-3)}.unit-card[data-area="4"]{border-left:3px solid var(--area-4)}.area-section{margin:3rem 0}.area-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.area-header__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.area-header__title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em}.area-header__desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:.1rem}.area-header[data-area="0"]{border-bottom-color:var(--area-0)}.area-header[data-area="1"]{border-bottom-color:var(--area-1)}.area-header[data-area="2"]{border-bottom-color:var(--area-2)}.area-header[data-area="3"]{border-bottom-color:var(--area-3)}.area-header[data-area="4"]{border-bottom-color:var(--area-4)}.unit-list{display:flex;flex-direction:column;gap:.5rem}.hero{padding:5rem 1.5rem 4rem;max-width:var(--max-prose);margin:0 auto}.hero__eyebrow{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:1rem}.hero__title{font-size:clamp(2rem,5vw,var(--text-5xl));font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.hero__lead{font-size:var(--text-lg);color:var(--text-muted);line-height:1.7;margin-bottom:2rem}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.65em 1.25em;border-radius:6px;font-size:var(--text-base);font-weight:600;text-decoration:none;transition:opacity .15s,box-shadow .15s;line-height:1}.btn:hover{opacity:.88}.btn--primary{background:var(--text);color:var(--bg)}.btn--secondary{background:var(--bg-surface);color:var(--text);border:1px solid var(--border-dark)}.pareto{background:var(--tier-1-bg);border:1px solid var(--tier-1-border);border-radius:10px;padding:2rem;margin:3rem 0}.pareto__heading{font-size:var(--text-lg);font-weight:700;color:var(--tier-1);margin-bottom:.4rem}.pareto__sub{font-size:var(--text-sm);color:var(--tier-1);opacity:.8;margin-bottom:1.25rem}.pareto__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem}.pareto__item{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--text-sm);padding:.4rem 0}.pareto__item-num{font-weight:700;color:var(--tier-1);flex-shrink:0;min-width:1.5rem}.pareto__item-text{color:var(--text);line-height:1.4}.unit-page{max-width:var(--max-prose);margin:0 auto;padding:2.5rem 1.5rem 5rem}.unit-page__breadcrumb{font-size:var(--text-sm);color:var(--text-faint);margin-bottom:1.5rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.unit-page__breadcrumb a{color:var(--text-muted);text-decoration:none;font-weight:500}.unit-page__breadcrumb a:hover{color:var(--text);opacity:1}.unit-page__breadcrumb span{color:var(--text-faint)}.unit-page__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.unit-page__title{font-size:clamp(1.6rem,4vw,var(--text-4xl));font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:1.25rem}.unit-page__summary{font-size:var(--text-lg);color:var(--text-muted);line-height:1.7;border-left:3px solid var(--border-dark);padding-left:1.25rem;margin-bottom:2rem}.unit-page__info{display:flex;gap:1.5rem;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:2.5rem;flex-wrap:wrap}.unit-page__info-item{display:flex;align-items:center;gap:.35rem}.unit-page__info-label{color:var(--text-faint)}.unit-page__body{font-size:var(--text-base);line-height:1.75;color:var(--text)}.unit-page__body p{margin-top:1.25em}.unit-page__body p:first-child{margin-top:0}.unit-page__stub{background:var(--bg-surface);border:1px dashed var(--border-dark);border-radius:8px;padding:2rem;text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-top:2rem}.unit-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border)}.unit-nav__item{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:border-color .15s}.unit-nav__item:hover{border-color:var(--border-dark);opacity:1}.unit-nav__item--next{text-align:right}.unit-nav__item--empty{visibility:hidden}.unit-nav__direction{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.unit-nav__title{font-size:var(--text-sm);font-weight:600;line-height:1.35}.unit-nav__id{font-size:var(--text-xs);color:var(--text-faint)}.prereqs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.prereqs__label{font-weight:500;color:var(--text-faint)}.prereqs__link{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:.15em .5em;font-size:var(--text-xs);font-weight:600;text-decoration:none;color:var(--text-muted);transition:border-color .15s}.prereqs__link:hover{border-color:var(--border-dark);opacity:1}.site-footer{border-top:1px solid var(--border);padding:2.5rem 1.5rem;margin-top:5rem}.site-footer__inner{max-width:var(--max-wide);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.site-footer__copy{font-size:var(--text-sm);color:var(--text-faint)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){h1{font-size:var(--text-3xl)}.unit-nav{grid-template-columns:1fr}.unit-nav__item--next{text-align:left}.pareto__grid{grid-template-columns:1fr}}