.pw{background:var(--white);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #28140a14,0 2px 4px #28140a0a,0 28px 40px -24px #3c1e1452}.pw__chrome{background:#eef0f3;border-bottom:1px solid #0a0a0a14;flex:none;justify-content:center;align-items:center;height:30px;display:flex;position:relative}.pw__lights{gap:7px;display:flex;position:absolute;top:50%;left:12px;translate:0 -50%}.pw__lights i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.pw__lights i:nth-child(2){background:#febc2e}.pw__lights i:nth-child(3){background:#28c840}.pw__url{max-width:calc(100% - 140px);height:20px;font-family:var(--font-sans);white-space:nowrap;color:#8a9099;background:#ffffffd9;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;display:inline-flex;overflow:hidden}.pw__url svg{color:#8a9099;flex:none}.pw__url b{color:#3b4048;font-weight:500}.pw__screen{flex:1;min-height:0;position:relative;overflow:hidden}.pw .pw__app *{overscroll-behavior:auto}.pw__app{transform-origin:0 0;contain:layout paint;position:absolute;top:0;left:0}.pw--plain .pw__screen{background:var(--mk-stone)}.pw__app .shell{min-height:var(--app-h);height:var(--app-h)}.pw__app .shell__rail{height:var(--app-h)}.pw__app .redit,.pw__app .dedit{height:calc(var(--app-h) - 90px)}@media (max-width:767px){.pw__app .shell__wide-only{display:none}}
.tfm{--len:8;--edge:calc(max(var(--mk-gutter), (100% - var(--mk-max)) / 2) + 4px);--copy-w:clamp(440px, 36 * var(--u), 560px);--gap:calc(4 * var(--u));position:relative}.tfm__track{height:calc(var(--len) * 100svh);position:relative}.tfm__stage{background:var(--mk-stone);height:100svh;position:sticky;top:0;overflow:hidden}.tfm__chapter{left:0;top:calc((var(--len) - 1) * 100svh * var(--at));position:absolute}.tfm__anchor{width:1px;height:1px;position:absolute;top:0;left:0}.tfm__props{z-index:30;pointer-events:none;font-size:var(--u);position:absolute;inset:0}.tfm__fly{width:calc(36 * var(--u));height:calc(20.25 * var(--u));margin:calc(-10.125 * var(--u)) 0 0 calc(-18 * var(--u));position:absolute;top:50%;left:50%}.tfm__fly-sheet{box-shadow:var(--mk-shadow-sheet)}.tfm .tfm__fly[data-track]{--t:calc(1 - var(--ko,0) - var(--ks,0));translate:calc(var(--t) * var(--x,0) * var(--u) + var(--ko,0) * var(--ox,0px) + var(--ks,0) * var(--sx,0px)) calc(var(--t) * var(--y,0) * var(--u) + var(--ko,0) * var(--oy,0px) + var(--ks,0) * var(--sy,0px));scale:calc(var(--t) * var(--s,1) + var(--ko,0) * var(--os,1) + var(--ks,0) * var(--ss,1));rotate:calc(var(--t) * var(--r,0) * 1deg)}.tfm__copy{z-index:40;left:var(--edge);width:var(--copy-w);justify-content:center;align-items:flex-start;gap:calc(1.8 * var(--u));flex-direction:column;display:flex;position:absolute;top:max(96px,11svh);bottom:max(28px,4svh)}.tfm__h{font-size:calc(4.4 * var(--u));color:var(--mk-ink);line-height:.98}.tfm__copy .mk-lede{font-size:max(1.0625rem, calc(1.4 * var(--u)))}.tfm__try,.tfm__proof{border-top:1px solid var(--mk-line);width:100%;font-size:max(.9375rem, calc(1.1 * var(--u)));color:var(--mk-ink);margin:0;padding:0;line-height:1.4;list-style:none}.tfm__try{counter-reset:try}.tfm__try li,.tfm__proof li{border-bottom:1px solid var(--mk-line);align-items:baseline;gap:14px;padding:11px 0;display:flex}.tfm__try li{counter-increment:try}.tfm__try li:before{content:"0" counter(try);font-family:var(--mk-font-mono);color:var(--mk-blue);flex:none;font-size:.75rem}.tfm__proof li:before{content:"";background:var(--mk-blue);border-radius:1.5px;flex:none;width:6px;height:6px;translate:0 -.15em}.tfm__link{font-family:var(--mk-font-display);font-size:max(1rem, calc(1.2 * var(--u)));color:var(--mk-blue);align-items:center;gap:8px;padding:6px 0;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.tfm__link:after{content:"";opacity:.35;height:1.5px;transition:opacity .3s var(--mk-ease);background:currentColor;position:absolute;bottom:2px;left:0;right:0}.tfm__link:hover:after,.tfm__link:focus-visible:after{opacity:1}.tfm__link-arrow{transition:translate .4s var(--mk-ease);display:inline-flex}.tfm__link:hover .tfm__link-arrow,.tfm__link:focus-visible .tfm__link-arrow{translate:4px}.tfm__link:focus-visible{outline:2px solid var(--mk-blue);outline-offset:4px;border-radius:2px}.tfm__win{z-index:20;left:calc(var(--edge) + var(--copy-w) + var(--gap));right:var(--mk-gutter);position:absolute;top:max(92px,10.5svh);bottom:max(24px,3.5svh)}.tfm__win>.pw{width:100%;height:100%}.tfm__lb{--u:13.5px;flex-direction:column;height:100%;padding:24px 28px;display:flex;overflow:hidden}.tfm__lb .lbs__demo{margin-top:0}.tfm__lb .lbs__entry{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 18px;display:grid}.tfm__lb .lbs__entry-meta{margin-top:0}@media (max-width:767px){.tfm__lb{--u:9.5px;padding:12px}.tfm__lb .lbs__paper{--sheet-em:5.4px}.tfm__lb .lbs__stage,.tfm__lb .lbs__in{gap:12px;padding:12px}.tfm{--len:5.2;--edge:var(--mk-gutter)}.tfm__stage{clip-path:inset(0 0 calc(-1 * var(--mk-band)) 0);overflow:visible}.tfm__copy{top:112px;bottom:auto;right:var(--edge);justify-content:flex-start;gap:18px;width:auto}.tfm__h{font-size:calc(4.6 * var(--u));line-height:1.02}.tfm__copy .mk-lede{font-size:1rem}.tfm__try,.tfm__proof,.tfm__props{display:none}.tfm__win{--ph:min(calc(100svh - 132px), 640px);top:calc(84px + (100svh - 96px - var(--ph)) / 2);width:min(calc(100% - 2 * var(--edge)), calc(var(--ph) * .47));height:var(--ph);margin-inline:auto;bottom:auto;left:0;right:0}.tfm .tfm__win[data-track]{translate:0 calc(var(--y,0) * var(--peek,45svh))}.tfm__win .scroller{overflow:hidden}.tfm__win>.pw{background:#0d0d0e;border-radius:46px;padding:9px;position:relative;box-shadow:0 0 0 1.5px #2b2b2e,inset 0 0 0 1px #ffffff0f,0 32px 64px -28px #0a1e3c80}.tfm__win>.pw:before{content:"";z-index:2;background:#0d0d0e;border-radius:99px;width:86px;height:24px;margin-left:-43px;position:absolute;top:17px;left:50%}.tfm__win .pw__chrome{display:none}.tfm__win .pw__screen{border-top:34px solid var(--white);background:var(--white);border-radius:38px}.tfm__win .pw--plain .pw__screen{border-top-color:var(--mk-stone);background:var(--mk-stone)}.tfm__win .shell__top__menu,.tfm__win .shell__top__tools,.tfm__win .redit__list__name,.tfm__win .redit .tabs,.tfm__win .drail .tabs,.tfm__win .drail__add{display:none}}@media (prefers-reduced-motion:reduce),(scripting:none),(max-height:540px){.tfm [data-track]{opacity:1;visibility:visible;translate:none;rotate:none;scale:none}.tfm__track{height:auto}.tfm__stage{clip-path:none;height:auto;padding:96px var(--mk-gutter);flex-direction:column;gap:40px;display:flex;position:relative;overflow:visible}.tfm__props{display:none}.tfm__copy,.tfm__win{width:100%;position:relative;inset:auto}.tfm__copy{gap:16px;max-width:40rem}.tfm__try,.tfm__proof{display:flex}.tfm__link{display:inline-flex}.tfm__win{height:min(80svh,760px);max-width:var(--mk-max)}.tfm__h{font-size:clamp(2rem,7vw,3.25rem)}.tfm__copy--logbook{order:1}.tfm__log{order:2}.tfm__copy--report{order:3;margin-top:40px}.tfm__rep{order:4}.tfm__copy--slides{order:5;margin-top:40px}.tfm__deck{order:6}}
@font-face{font-family:Caveat;src:url(/fonts/caveat-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--mk-blue:var(--color-primary);--mk-blue-deep:var(--blue-800);--mk-deep:var(--blue-900);--mk-stone:#e7e7e2;--mk-stone-deep:#dcdcd4;--mk-paper:#fbfbf8;--mk-white:var(--white);--mk-ink:#0a0a0a;--mk-ink-soft:#2b2b2b;--mk-ink-muted:#5c5c57;--mk-line:#0a0a0a1f;--mk-line-strong:#0a0a0a3d;--mk-cream:#fcedeb;--mk-cream-soft:#f8dbd7;--mk-sky:var(--blue-200);--mk-on-blue-muted:#fcedebc7;--mk-blue-line:#fcedeb38;--mk-on-deep:#fcedeb;--mk-on-deep-muted:#fcedebb3;--mk-deep-line:#fcedeb24;--mk-deep-raised:#0a3157;--mk-rust:var(--rust-600);--mk-pen:#1f3d8a;--mk-pen-faint:#1f3d8a8c;--mk-shadow-flat:0 1px 1px #0a0a0a0d, 0 2px 6px #0a0a0a0d;--mk-shadow-sheet:0 1px 1px #0a0a0a0d, 0 6px 14px #0a0a0a12, 0 24px 44px -16px #0a0a0a38;--mk-shadow-lift:0 1px 1px #0a0a0a0f, 0 8px 18px #0a0a0a1a, 0 30px 48px -18px #0a0a0a52;--mk-shadow-on-blue:0 1px 2px #0423412e, 0 8px 16px #04234133, 0 28px 40px -14px #04234173;--mk-font-display:var(--font-onest), var(--font-sans);--mk-font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--mk-font-hand:"Caveat", "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;--mk-gutter:clamp(20px, 4.4vw, 72px);--mk-max:1440px;--mk-ease:cubic-bezier(.22, 1, .36, 1);--mk-ease-in-out:cubic-bezier(.76, 0, .24, 1)}
.mk{--u:min(1vw, 1.6svh);--mk-band:calc(100dvh - 100svh);background:var(--mk-stone);min-height:100svh;color:var(--mk-ink);font-family:var(--font-sans);text-rendering:optimizelegibility;overflow-x:clip}.mk ::selection{background:var(--mk-blue);color:var(--mk-cream)}@media (max-width:767px){.mk{--u:2.25vw}}@property --x{syntax:"<number>";inherits:false;initial-value:0}@property --y{syntax:"<number>";inherits:false;initial-value:0}@property --r{syntax:"<number>";inherits:false;initial-value:0}@property --s{syntax:"<number>";inherits:false;initial-value:1}@property --o{syntax:"<number>";inherits:false;initial-value:1}@property --b{syntax:"<number>";inherits:false;initial-value:0}@property --p{syntax:"<number>";inherits:false;initial-value:0}[data-track]{opacity:var(--o,1);translate:calc(var(--x,0) * var(--u)) calc(var(--y,0) * var(--u));rotate:calc(var(--r,0) * 1deg);scale:var(--s,1)}[data-track][data-live=false]{visibility:hidden}.t-blur{filter:blur(calc(var(--b,0) * 1px))}[data-chapter]{pointer-events:none;width:0;height:0;display:block}.mk-eyebrow{--eb-accent:var(--mk-blue);font-family:var(--mk-font-display);letter-spacing:.16em;text-transform:uppercase;align-items:center;margin:0;font-size:clamp(.6875rem,.72vw,.8125rem);font-weight:500;line-height:1;display:inline-flex}.mk-on-blue .mk-eyebrow,.mk-on-deep .mk-eyebrow{--eb-accent:var(--mk-sky)}.mk-eyebrow__mark{background:var(--eb-accent);border-radius:1.5px;flex:none;width:.62em;height:.62em}.mk-eyebrow__rule{background:var(--eb-accent);transform-origin:0;flex:none;width:2.8em;height:1px;margin:0 1.1em 0 .7em}.mk-eyebrow__text{margin:-.3em -.2em -.3em 0;padding:.3em .2em .3em 0;display:block;overflow:hidden}.mk-eyebrow__letters{gap:.42em;display:inline-flex}.mk-eyebrow__word{white-space:nowrap;display:inline-flex}.mk-eyebrow__c{display:inline-block}.mk-eyebrow[data-in=true] .mk-eyebrow__mark{animation:mk-eb-mark .9s var(--mk-ease) both}.mk-eyebrow[data-in=true] .mk-eyebrow__rule{animation:mk-eb-rule .9s var(--mk-ease) .12s both}.mk-eyebrow[data-in=true] .mk-eyebrow__c{animation:mk-eb-letter .76s var(--mk-ease) both;animation-delay:calc(.28s + var(--i) * 24ms)}.mk-eyebrow[data-in=false] .mk-eyebrow__mark,.mk-eyebrow[data-in=false] .mk-eyebrow__rule,.mk-eyebrow[data-in=false] .mk-eyebrow__c,[data-live=false] .mk-eyebrow[data-in] .mk-eyebrow__mark,[data-live=false] .mk-eyebrow[data-in] .mk-eyebrow__rule,[data-live=false] .mk-eyebrow[data-in] .mk-eyebrow__c{opacity:0;animation:none}@keyframes mk-eb-mark{0%{opacity:0;rotate:45deg;scale:.2}}@keyframes mk-eb-rule{0%{transform:scaleX(0)}}@keyframes mk-eb-letter{0%{opacity:0;translate:0 110%}}.mk-tile{width:max(40px, calc(3.2 * var(--u)));height:max(40px, calc(3.2 * var(--u)));background:linear-gradient(90deg, var(--blue-600), var(--color-primary));color:#fff;border-radius:27.8%;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff38,0 .4px .8px #0000000a,0 6px 14px -6px #0d6ac773}.mk-tile__glyph{width:60%;height:60%}.mk-on-blue{color:var(--mk-cream)}.mk-on-deep{color:var(--mk-on-deep)}.mk-display{font-family:var(--mk-font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:500;line-height:.94}.mk-h2{font-size:clamp(2.75rem,6.2vw,6.75rem)}.mk-lede{max-width:34em;color:var(--mk-ink-muted);margin:0;font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:1.5}.mk-on-blue .mk-lede{color:var(--mk-on-blue-muted)}.mk-on-deep .mk-lede{color:var(--mk-on-deep-muted)}.mk-mask{margin-bottom:-.06em;margin-right:-.12em;padding-bottom:.06em;padding-right:.12em;display:block;overflow:hidden}.mk-mask>span{animation:mk-rise 1.1s var(--mk-ease) both;animation-delay:calc(var(--d,0) * 90ms + .12s);display:block}@keyframes mk-rise{0%{translate:0 105%}}[data-in=false] .mk-mask>span{animation:none;translate:0 105%}[data-in=true] .mk-mask>span{animation:mk-rise 1.1s var(--mk-ease) both;animation-delay:calc(var(--d,0) * 90ms)}.mk-btn{border-radius:var(--radius-pill);min-height:56px;font-family:var(--mk-font-display);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:background-color .3s var(--mk-ease), border-color .3s var(--mk-ease), color .3s var(--mk-ease);border:1px solid #0000;justify-content:space-between;align-items:center;gap:14px;padding:0 7px 0 26px;font-size:1.0625rem;font-weight:500;line-height:1;display:inline-flex}.mk-btn__dot{width:42px;height:42px;transition:transform .5s var(--mk-ease);border-radius:50%;place-items:center;display:inline-grid;overflow:hidden}.mk-btn__dot svg{transition:translate .5s var(--mk-ease)}.mk-btn:hover .mk-btn__dot{transform:rotate(-45deg)}.mk-btn--plain{padding:0 26px}.mk-btn:focus-visible{outline-offset:4px;outline:2px solid}.mk-btn--blue{background:var(--mk-blue);color:var(--white)}.mk-btn--blue .mk-btn__dot{background:var(--mk-cream);color:var(--mk-blue)}.mk-btn--blue:hover{background:var(--mk-blue-deep)}.mk-btn--cream{background:var(--mk-cream);color:var(--mk-blue)}.mk-btn--cream .mk-btn__dot{background:var(--mk-blue);color:var(--white)}.mk-btn--cream:hover{background:var(--white)}.mk-btn--line{border-color:var(--mk-line-strong);color:var(--mk-ink)}.mk-btn--line:hover{border-color:var(--mk-ink)}.mk-on-blue .mk-btn--line,.mk-on-deep .mk-btn--line{color:var(--mk-cream);border-color:#fcedeb59}.mk-on-blue .mk-btn--line:hover,.mk-on-deep .mk-btn--line:hover{border-color:var(--mk-cream)}.mk-btn:disabled{opacity:.55;cursor:progress}.mk-link{text-underline-offset:4px;color:inherit;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.mk-link:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}.mk-note{color:var(--mk-ink-muted);margin:0;font-size:.875rem;line-height:1.5}.mk-on-blue .mk-note{color:var(--mk-on-blue-muted)}.mk-sample{font-family:var(--mk-font-mono);letter-spacing:.02em;color:var(--mk-ink-muted);align-items:center;gap:8px;font-size:.75rem;display:inline-flex}.mk-sample:before{content:"";background:var(--mk-rust);border-radius:50%;width:6px;height:6px}.mk-wave{background:var(--wave-from);height:clamp(64px,8.3vw,120px);position:relative;overflow:hidden}.mk-wave__row{background:var(--wave-to);height:100%;position:absolute;top:0;left:-260px;right:-260px;-webkit-mask:url(/student-site/wave-tile.svg) 0 0/auto 100% repeat-x;mask:url(/student-site/wave-tile.svg) 0 0/auto 100% repeat-x}.mk-wave__row--a{clip-path:inset(0 0 50%);translate:calc(var(--shift,0) * 1px) 0}.mk-wave__row--b{clip-path:inset(50% 0 0);translate:calc(var(--shift,0) * -1px) 0}.mk-wave:after{content:"";background:var(--wave-to);height:2px;position:absolute;bottom:-1px;left:0;right:0}.mk-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mk-skip{z-index:100;border-radius:var(--radius-pill);background:var(--mk-ink);color:var(--mk-cream);font-weight:var(--fw-bold);padding:12px 18px;position:fixed;top:12px;left:12px;translate:0 -200%}.mk-skip:focus{translate:0}@media (prefers-reduced-motion:reduce){.mk-eyebrow .mk-eyebrow__mark,.mk-eyebrow .mk-eyebrow__rule,.mk-eyebrow .mk-eyebrow__c{opacity:1;animation:none}.mk-mask>span,[data-in] .mk-mask>span{animation:none;translate:none}.mk-btn__dot,.mk-btn__dot svg{transition:none}}.mk-snap{left:0;top:calc(var(--at) * (100% - 100svh));pointer-events:none;width:1px;height:1px;position:absolute}@media (min-width:768px){.mk-snap[data-on=phone]{display:none}}@media (max-width:767px){.mk-snap[data-on=desktop]{display:none}}@media (pointer:coarse) and (prefers-reduced-motion:no-preference) and (min-height:541px){html:has(.mk-snap){scroll-snap-type:y mandatory}.mk-snap{scroll-snap-align:start;scroll-snap-stop:always}.mk-snap-free{scroll-snap-align:start}.mk-snap-end{scroll-snap-align:end}}