@font-face{font-family:alegreyaSans;src:url(../media/alegreya_sans_400_latin.p.28t2_pc6lv_06.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:alegreyaSans;src:url(../media/alegreya_sans_800_latin.p.0wxzw2qrv3zk_.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}.OI45YW_className{font-family:alegreyaSans}.OI45YW_variable{--font-body:"alegreyaSans"}
@font-face{font-family:nanumPenScript;src:url(../media/nanum_pen_script_400_latin.p.3y8xpgm606riq.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}.p6zDrW_className{font-family:nanumPenScript;font-style:normal;font-weight:400}.p6zDrW_variable{--font-hand:"nanumPenScript"}
@layer theme{:root,:host{--spacing:.25rem}}@layer base,components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.ml-\[var\(--page-left\)\]{margin-left:var(--page-left)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.max-w-\[46rem\]{max-width:46rem}.grid-cols-\[var\(--rail\)_1fr\]{grid-template-columns:var(--rail) 1fr}.flex-wrap{flex-wrap:wrap}.gap-x-\[1\.4rem\]{column-gap:1.4rem}.gap-x-\[1\.6rem\]{column-gap:1.6rem}.gap-y-\[0\.3rem\]{row-gap:.3rem}.gap-y-\[0\.4rem\]{row-gap:.4rem}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}}:root{--paper:#f4f7f6;--ink:#1d2a40;--ink-soft:#3e4b5f;--pencil:#5f6874;--link:#24467f;--grid:#cd566229;--grid-fine:#cd566212;--page-left:clamp(1.25rem, 10vw, 10rem);--rail:6.5rem;--rule:#5f687459;--frame-line:#5f687473;--snap-paper:#fff;--pic-filter:none;--pen:#24467f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), "Gill Sans", Verdana, sans-serif;font-size-adjust:.461;margin:0;font-size:19px;line-height:1.62;overflow-x:clip}a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-style:wavy;text-decoration-thickness:1px}a:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:2px}.skip{z-index:10;background:var(--paper);color:var(--link);padding:.3rem .6rem;position:absolute;top:.6rem;left:-100vw}.skip:focus{left:var(--page-left)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}p,li{text-wrap:pretty}h1,h2,h3{text-wrap:balance}.capstones li>a:first-child,.capstones li>strong:first-child{color:var(--ink);font-weight:700}.capstones li{margin-bottom:.55rem}.meta a,.body a[aria-label]{white-space:nowrap}nav{padding:1.6rem 0 0;font-size:.95rem}nav a{color:var(--pencil)}header{padding-top:3.2rem}h1{letter-spacing:-.01em;margin:0;font-size:clamp(2.6rem,6.4vw,4rem);font-weight:800;line-height:1.02}.hand{font-family:var(--font-hand), "Bradley Hand", cursive;font-weight:400}h1,h2,h3,.headline{font-size-adjust:.471}.hand,.rail{font-size-adjust:none}h1 .hand{color:var(--link);letter-spacing:0;margin-left:.35em;font-size:.62em;display:inline-block;transform:rotate(-7deg)translateY(-.35em)}.ecg{width:calc(100vw - var(--page-left));background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(var(--grid-fine) 1px, transparent 1px), linear-gradient(90deg, var(--grid-fine) 1px, transparent 1px);background-size:30px 30px,30px 30px,6px 6px,6px 6px;height:7.5rem;margin:1.1rem 0 .4rem;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 3.5rem 85%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 3.5rem 85%,#0000)}.ecg svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ecg path{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:no-preference){.ecg path{stroke-dasharray:4400;stroke-dashoffset:4400px;animation:2.4s cubic-bezier(.45,.05,.3,1) .25s forwards trace}}@keyframes trace{to{stroke-dashoffset:0}}.contact{color:var(--ink-soft);margin:.6rem 0 0;padding:0;font-size:1rem;list-style:none}.contact li{overflow-wrap:anywhere;margin:0}.headline{max-width:40ch;margin:1.8rem 0 .7rem;font-size:1.4rem;font-weight:700;line-height:1.35}.intro{max-width:62ch;margin:0 0 .3rem}.now{max-width:62ch;color:var(--ink-soft);margin:0 0 .8rem}.goal{max-width:62ch;margin:0 0 .3rem}.rights{color:var(--ink);margin:0}section{padding-top:4.4rem}h2{margin:0 0 .9rem calc(var(--rail) + 1.4rem);font-size:1.75rem;font-weight:700;line-height:1.2}.rail{font-family:var(--font-hand), "Bradley Hand", cursive;color:var(--pencil);text-align:right;padding-top:.55rem;font-size:1.45rem;line-height:1.1}.body{border-left:1.5px solid var(--rule);padding:.35rem 0 1.6rem 1.4rem;position:relative}.body:before{content:"";background:var(--paper);border:1.5px solid var(--pencil);border-radius:50%;width:9px;height:9px;position:absolute;top:.95rem;left:-6px}.entry:last-child .body{padding-bottom:.4rem}h3{margin:0;font-size:1.12rem;font-weight:700;line-height:1.35}h3 a{color:inherit}.org{margin:.1rem 0 0}.meta{color:var(--pencil);margin:.1rem 0 0;font-size:.95rem}.body p.text{max-width:62ch;margin:.55rem 0 0}.body ul{max-width:62ch;margin:.55rem 0 0;padding-left:1.1em}.body li{margin:0 0 .3rem}.plain p{max-width:62ch;margin:.45rem 0 0}.plain .body:before{display:none}.brief p{max-width:62ch;margin:0}.brief .body{padding-bottom:.9rem}.snap{float:right;background:var(--snap-paper);border:1px solid var(--frame-line);width:15.5rem;margin:.4rem 0 .8rem 1.4rem;padding:.4rem;position:relative;rotate:-1.6deg}.snap img{width:100%;height:auto;display:block}.snap:before{content:"";background:#f6e8aab8;border-left:1px dashed #a08c5059;border-right:1px dashed #a08c5059;width:4.6rem;height:1.25rem;margin-left:-2.3rem;position:absolute;top:-.65rem;left:50%;transform:rotate(3deg)}.body:after{content:"";clear:both;display:block}@media (min-width:78rem){.snap{float:none;width:16.5rem;margin:0;position:absolute;top:.3rem;left:calc(100% + 2.6rem)}}.entry .rail,.entry .body,.entry .body:before,.entry .snap{transition:color .25s,border-color .25s,background-color .25s,translate .3s,rotate .3s}.entry:focus-within .rail{color:var(--ink)}.entry:focus-within .body{border-left-color:var(--pencil)}.entry:focus-within .body:before{background:var(--ink);border-color:var(--ink)}@media (hover:hover){.entry:hover .rail{color:var(--ink)}.entry:hover .body{border-left-color:var(--pencil)}.entry:hover .body:before{background:var(--ink);border-color:var(--ink)}@media (prefers-reduced-motion:no-preference){.entry:hover .body{translate:4px}.entry:hover .snap{rotate:-.4deg}}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes heading-settle{0%{translate:0 .6rem}}section h2{animation:linear backwards heading-settle;animation-timeline:view();animation-range:entry cover 30%}}}footer{margin:3.6rem 0 0 calc(var(--rail) + 1.4rem);color:var(--pencil);font-size:.95rem}footer p{margin:0}.more{margin:.6rem 0 0 calc(var(--rail) + 1.4rem)}footer p.back{margin-bottom:.6rem;font-size:19px}.pager{border-top:1.5px solid var(--rule);margin:3rem 0 0;padding:1rem 0 0;font-size:1rem}.pager p{margin:0 0 .3rem}.pager-label{color:var(--pencil)}.pager a{color:var(--link)}.fig-open{line-height:0;display:block}@media (max-width:640px){:root{--page-left:1.1rem}body{font-size:18px}.page{padding-right:1.1rem}header{padding-top:2.2rem}.ecg{height:5.5rem;margin-right:0}.headline{font-size:1.25rem}h2{margin-left:0}.entry{grid-template-columns:1fr}.rail{text-align:left;padding:0 0 0 1.4rem;font-size:1.35rem}.rail:empty{display:none}.snap{float:none;width:auto;max-width:22rem;margin:.9rem .4rem .4rem .2rem}footer,.more{margin-left:0}.case-fig figcaption:after{content:" Tap the chart to open it full size."}nav a{padding:.35rem 0;display:inline-block}}.case h1{max-width:22ch;font-size:clamp(2rem,4.8vw,3rem);line-height:1.08}.case header .meta:first-of-type{margin-top:.2rem}.case section{padding-top:2.6rem}.case h2{margin-left:0}.case-body p,.glance ul{max-width:62ch;margin:.55rem 0 0}.case-body p+p{margin-top:.8rem}.glance ul{padding-left:1.1em}.glance li{margin:0 0 .35rem}.case-fig{max-width:62ch;margin:1.1rem 0 .2rem}.case-fig img{border:1px solid var(--frame-line);background:#fff;max-width:100%;height:auto;padding:.4rem;display:block}.case-fig figcaption{color:var(--pencil);margin-top:.45rem;font-size:.95rem}.fig-annot{--fi:calc(.4rem + 1px);view-timeline-name:--fig;width:fit-content;max-width:100%}.fig-frame{border:1px solid var(--frame-line);background:#fff;padding:.4rem}.snap,.fig-frame,.case-fig>img{filter:var(--pic-filter)}.fig-canvas{line-height:0;position:relative}.case-fig .fig-canvas img{background:0 0;border:0;padding:0}.fig-lead{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fig-lead path{fill:none;stroke:var(--pen);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.fig-dot{border:1.5px solid var(--pen);background:#ffffffb3;border-radius:50%;width:.6rem;height:.6rem;margin:-.3rem 0 0 -.3rem;position:absolute}.fig-note{--a:calc(var(--fi) + var(--nx) * (100% - 2 * var(--fi)));color:var(--link);font-size-adjust:none;margin:.5rem 0 0;font-size:1.4rem;line-height:1.05;position:relative}.case-body .fig-note{max-width:none;margin:.5rem 0 0}@media (max-width:640px){.fig-note{font-size:1.25rem}}.fig-note.right{padding-left:calc(var(--a) + .45rem)}.fig-note.left{padding-right:calc(100% - var(--a) + .45rem);text-align:right}.fig-note:before{content:"";left:var(--a);top:calc(-.5rem - var(--fi));height:calc(.5rem + var(--fi) + .55em);border-left:1.5px solid var(--pen);margin-left:-.75px;position:absolute}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes lead-draw{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes dot-ink{0%{opacity:0;scale:.4}}.fig-lead{animation:linear both lead-draw;animation-timeline:--fig;animation-range:entry 70% cover 45%}.fig-dot{animation:linear both dot-ink;animation-timeline:--fig;animation-range:cover 42% cover 50%}}}.case footer{margin-left:0}.case footer p+p{margin-top:.4rem}.theme-switch{display:none}:root[data-js] .theme-switch{flex-wrap:wrap;gap:0 .5rem;margin:.15rem 0 0 -.3rem;display:flex}.theme-switch button{font:inherit;color:var(--pencil);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:2px;min-width:24px;min-height:32px;padding:0 .3rem;text-decoration:none}.theme-switch button[aria-pressed=true]{color:var(--ink);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1.5px}@media (hover:hover){.theme-switch button:not([aria-pressed=true]):hover{color:var(--ink);text-underline-offset:.2em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px}}.theme-switch button:focus-visible{outline:2px solid var(--link);outline-offset:2px}:root[data-switching] *,:root[data-switching] :before,:root[data-switching] :after{transition:none!important}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141b26;--ink:#e4e9e8;--ink-soft:#c5ced6;--pencil:#a0aab5;--link:#a9c4f2;--grid:#e8808c2b;--grid-fine:#e8808c13;--rule:#a0aab566;--frame-line:#a0aab58c;--snap-paper:#f2f4f3;--pic-filter:brightness(.92);--pen:#5f80bd}}@media screen{:root[data-theme=dark]{--paper:#141b26;--ink:#e4e9e8;--ink-soft:#c5ced6;--pencil:#a0aab5;--link:#a9c4f2;--grid:#e8808c2b;--grid-fine:#e8808c13;--rule:#a0aab566;--frame-line:#a0aab58c;--snap-paper:#f2f4f3;--pic-filter:brightness(.92);--pen:#5f80bd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (forced-colors:active){.ecg path{stroke:canvastext}.fig-frame,.case-fig>img,.snap{forced-color-adjust:none;filter:none;background:#fff}.fig-lead path{stroke:#24467f}.fig-dot{background:#fff;border-color:#24467f}.fig-note:before{border-left-color:linktext}.body{border-left-color:canvastext}}@media print{:root{--paper:#fff;--ink:#1d2a40;--ink-soft:#3e4b5f;--pencil:#5f6874;--link:#24467f;--rule:#5f687459;--frame-line:#5f687473;--snap-paper:#fff;--pic-filter:none;--pen:#24467f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:#fff}:root[data-js] .theme-switch,nav{display:none}header{padding-top:0}.ecg{background-image:none;height:4.5rem}.ecg path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}section{padding-top:1.6rem}section h2{opacity:1;animation:none;translate:none}.fig-lead,.fig-dot{clip-path:none;opacity:1;animation:none;scale:1}h2,h3{break-after:avoid}.brief,.plain,article.entry,.case-fig,.snap{break-inside:avoid}p,li{orphans:3;widows:3}h1{font-size:24pt}.ecg{width:100%}.snap{float:none;width:10rem;margin:.4rem 0;position:static;rotate:0deg}.skip,.pager,footer p.back,.more{display:none}footer{margin-top:.8rem}.contact a[href$=\.pdf]:after{content:" (wunkwintwong.com/Wun-Kwint-Wong-Resume.pdf)";color:var(--pencil);font-size:.85em}.case-fig figcaption:after{content:none}body{font-size:10.5pt}section,.case section{padding-top:1rem}.body{padding-bottom:.8rem}.case-fig{margin-top:.6rem}@page{margin:14mm 12mm}a{color:var(--ink)}.contact a[href^=http]:after,.body a[href^=http]:after,.case-body a[href^=http]:after{content:" (" attr(href) ")";color:var(--pencil);overflow-wrap:anywhere;font-size:.85em}}