.notes-shell{--note-ink:#17372d;--note-muted:#52665c;--note-line:#17372d30;--note-accent:#f6c947;max-width:1240px;margin:auto;padding:0 clamp(20px,4vw,52px) 64px}.notes-shell a{color:inherit}.notes-shell .track-gtm{--note-accent:#edb9a1}.notes-nav{border-bottom:1px solid var(--note-line);justify-content:space-between;align-items:center;gap:20px;min-height:94px;display:flex}.notes-nav nav{flex-wrap:wrap;align-items:center;gap:24px;font-size:14px;display:flex}.notes-nav nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.notes-nav nav a[aria-current]{text-underline-offset:7px;text-decoration:underline}.notes-nav .notes-account{border:1px solid var(--note-line);border-radius:8px;padding:10px 16px}.notes-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:38px 0 28px;display:flex}.notes-kicker{text-transform:uppercase;letter-spacing:.09em;color:var(--note-muted);margin:0 0 12px;font-size:12px;font-weight:750}.notes-heading h1{font-size:clamp(48px,7vw,78px)}.notes-heading h1 span{color:#a85b3a}.notes-heading>p{color:var(--note-muted);margin:0;line-height:1.7}.notes-tracks{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notes-tracks>a{border:1px solid var(--note-line);background:#fffefa80;border-radius:12px;align-items:center;gap:18px;padding:20px;text-decoration:none;display:flex}.notes-tracks>a[aria-current]{border-color:var(--note-ink);background:var(--note-ink);color:#fffefa}.notes-track-code{font-family:var(--display);border-right:1px solid;padding-right:18px;font-size:32px}.notes-tracks strong,.notes-tracks small{display:block}.notes-tracks small{margin-top:6px;font-size:14px}.notes-tracks>a>span:last-child{margin-left:auto;font-size:24px}.notes-track-intro{justify-content:space-between;align-items:center;gap:30px;padding:28px 0 20px;display:flex}.notes-track-intro h2{font-family:var(--display);margin:0 0 8px;font-size:clamp(25px,3vw,34px);font-weight:500;line-height:1.2}.notes-track-intro p{color:var(--note-muted);max-width:610px;margin:0;line-height:1.6}.notes-track-intro>a{text-underline-offset:5px;flex-shrink:0;padding-block:12px;font-size:14px;font-weight:700}.notes-jump{border-block:1px solid var(--note-line);flex-wrap:wrap;align-items:center;gap:22px;padding:12px 0;font-size:14px;display:flex}.notes-jump a{text-underline-offset:5px;align-items:center;min-height:32px;display:inline-flex}.notes-jump span{color:var(--note-muted);margin-left:auto}.notes-section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin:28px 0 16px;display:flex}.notes-section-heading h2{margin:0;font-size:16px;font-weight:750}.notes-section-heading>span{color:var(--note-muted);font-size:14px}.notes-guides{grid-template-columns:1fr 1fr;gap:20px;display:grid}.notes-feature,.notes-guide,.notes-project{border:1px solid var(--note-line);border-radius:14px;flex-direction:column;min-width:0;padding:28px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.notes-feature:hover,.notes-guide:hover,.notes-project:hover{border-color:#56715e;box-shadow:0 8px 24px #17372d12}.notes-feature{background:linear-gradient(140deg,#204f3e,#17372d);overflow:hidden;color:#fffefa!important}.notes-card-meta{letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.notes-feature .notes-card-meta{color:#e2e8dd}.notes-cover-mark{color:var(--note-accent);font-family:var(--display);background:repeating-linear-gradient(90deg,#0000 0 35px,#ffffff08 35px 36px);border-block:1px solid #ffffff30;align-items:center;gap:22px;margin:24px 0;padding:22px 0;font-size:clamp(64px,9vw,112px);line-height:1;display:flex}.notes-cover-mark span{font-family:var(--sans);letter-spacing:.08em;font-size:12px;line-height:1.8}.notes-feature h3,.notes-guide h3,.notes-project h3{font-family:var(--display);margin:20px 0 12px;font-size:clamp(25px,2.8vw,34px);font-weight:500;line-height:1.15}.notes-feature p,.notes-guide p,.notes-project p{margin:0 0 24px;line-height:1.65}.notes-feature p{color:#e2e8dd}.notes-read{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:14px;font-weight:700;display:flex}.notes-read>span{font-size:23px}.notes-guide-list{gap:20px;display:grid}.notes-guide{background:#fffefa;padding:24px}.notes-guide h3{padding-right:24px;font-size:26px}.notes-guide p,.notes-project p{color:var(--note-muted)}.notes-index{color:var(--note-muted);font-size:13px;position:absolute;top:62px;right:24px}.notes-projects{grid-template-columns:1fr 1fr;gap:20px;display:grid}.notes-project{border-top:5px solid var(--note-accent);background:linear-gradient(140deg,#ffffffb0,#fffefa)}.notes-project-output{border-top:1px solid var(--note-line);margin-bottom:12px;padding:18px 0}.notes-project-output span{color:var(--note-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;display:block}.notes-project-output strong{font-size:14px;font-weight:600;line-height:1.6}.notes-footer{border-top:1px solid var(--note-line);justify-content:space-between;align-items:baseline;gap:28px;margin-top:32px;padding-top:20px;font-size:14px;line-height:1.7;display:flex}.notes-footer p{color:var(--note-muted);max-width:640px;margin:0}.notes-footer a{text-underline-offset:4px;max-width:240px;font-weight:650}.notes-breadcrumb{flex-wrap:wrap;gap:12px;margin:26px 0;font-size:14px;display:flex}.notes-article-heading{max-width:870px;margin:34px 0 36px}.notes-article-heading h1{font-size:clamp(34px,5vw,58px);line-height:1.09}.notes-deck{color:var(--note-muted);margin:20px 0;font-size:20px;line-height:1.6}.notes-byline{color:var(--note-muted);flex-wrap:wrap;gap:7px;font-size:13px;line-height:1.6;display:flex}.notes-reading-layout{grid-template-columns:230px minmax(0,710px);align-items:start;gap:clamp(26px,5vw,70px);display:grid}.notes-outline{font-size:14px;position:sticky;top:24px}.notes-outline nav{border-top:1px solid var(--note-line);gap:6px;padding-top:8px;display:grid}.notes-outline nav p{margin:12px 0;font-weight:750}.notes-outline nav a{color:var(--note-muted);padding:8px 0;line-height:1.5;text-decoration:none;display:block}.notes-outline nav a:hover{text-decoration:underline}.notes-outline-jobs{border-top:1px solid var(--note-line);margin-top:24px;padding-top:20px;font-weight:650;display:inline-block}.notes-article{min-width:0}.notes-takeaway{border-left:4px solid var(--note-ink);background:#e7eddf;padding:24px 28px}.notes-takeaway>span{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:750}.notes-takeaway p{margin:12px 0 0;font-size:20px;line-height:1.5}.notes-article h2{font-family:var(--display);margin:0 0 18px;font-size:30px;font-weight:500;line-height:1.2}.notes-prose-section{margin-top:36px}.notes-article p,.notes-article li{font-size:17px;line-height:1.8}.notes-article p{margin:0 0 18px}.notes-article ul{padding-left:24px;list-style:outside}.notes-article li{margin-block:10px;padding-left:3px}.notes-article section{scroll-margin-top:24px}.notes-article .notes-source{color:var(--note-muted);font-size:13px;line-height:1.7}.notes-source a{text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.notes-project-brief{border:1px solid var(--note-line);background:#fffefa;border-radius:12px;margin-top:28px;padding:26px}.notes-project-brief dt{margin-top:18px;font-size:14px;font-weight:750}.notes-project-brief dd{margin:6px 0 0;line-height:1.7}.notes-project-brief h3{margin:24px 0 8px;font-size:17px;font-weight:700}.notes-resume{border:1px dashed #17372d60;margin-top:36px;padding:24px}.notes-resume .notes-resume-example{color:var(--note-ink);font-size:17px}.notes-resume p:last-child{color:var(--note-muted);margin-bottom:0;font-size:14px}.notes-next-step{border-top:5px solid var(--note-accent);background:#fffefa;margin-top:36px;padding:28px}.notes-next-step .portal-primary{color:#fff}.notes-next-read{border-top:1px solid var(--note-line);gap:14px;margin-top:36px;padding-top:24px;display:grid}.notes-next-read>span{color:var(--note-muted);font-size:13px}.notes-next-read>a{font-family:var(--display);font-size:26px;line-height:1.3;text-decoration:none}.notes-next-read .notes-all{font-size:14px;font-family:var(--sans);text-underline-offset:4px;text-decoration:underline}.notes-sr-only,.notes-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notes-skip:focus{background:#fffefa;padding:12px;display:inline-block}@media (prefers-reduced-motion:no-preference){.notes-guides,.notes-projects{animation:.35s ease-out both notes-in}@keyframes notes-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}@media (max-width:800px){.notes-heading{flex-direction:column;align-items:flex-start;gap:14px}.notes-heading>p br{display:none}.notes-track-intro{flex-direction:column;align-items:flex-start;gap:8px}.notes-reading-layout{grid-template-columns:1fr}.notes-outline{position:static}.notes-outline nav{flex-wrap:wrap;gap:4px 20px;display:flex}.notes-outline nav p{width:100%}.notes-outline-jobs{display:none}.notes-guide h3{font-size:24px}}@media (max-width:600px){.notes-nav{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0}.notes-nav nav{gap:18px}.notes-guides,.notes-projects{grid-template-columns:1fr}.notes-tracks{gap:8px}.notes-tracks>a{flex-wrap:wrap;gap:10px;padding:14px 12px}.notes-track-code{border:0;width:100%;padding-right:0;font-size:28px}.notes-tracks>a>span:last-child{display:none}.notes-tracks strong{font-size:14px}.notes-tracks small{font-size:12px}.notes-jump span{width:100%;margin-left:0}.notes-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.notes-feature,.notes-guide,.notes-project{padding:24px}.notes-cover-mark{font-size:80px}.notes-footer{flex-direction:column;gap:16px}.notes-footer a{max-width:none}.notes-deck{font-size:18px}.notes-takeaway,.notes-project-brief,.notes-next-step,.notes-resume{padding:20px}.notes-article h2{font-size:27px}}
