@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--paper:#faf7f0;--green:#073f31;--ink:#263d35;--gold:#9a6b2f;--line:#c9b999;--muted:#4c5e54;--serif:'Noto Serif KR',Georgia,serif;--sans:'Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.95 var(--sans);word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h1{font-size:clamp(2.1rem,4.5vw,3.8rem);line-height:1.55;letter-spacing:-.045em}h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.7;letter-spacing:-.025em}.skip-link{position:absolute;left:20px;top:-100px;background:var(--green);color:white;padding:8px 20px;z-index:5}.skip-link:focus{top:10px}.notes-header{max-width:1200px;margin:auto;padding:25px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.notes-identity{display:flex;gap:17px;align-items:center}.notes-identity img{width:73px;mix-blend-mode:multiply}.notes-identity span{font:1.6rem Georgia,serif;letter-spacing:.025em;color:var(--green)}.notes-identity small{display:block;font:400 .85rem/1.7 var(--sans);letter-spacing:0;margin-top:7px;color:var(--muted)}.home-link{font-size:.9rem;border-bottom:1px solid var(--gold);white-space:nowrap}.section-label{font-size:.84rem;color:var(--gold);letter-spacing:.1em;margin-bottom:20px}.notes-breadcrumb{max-width:1000px;margin:25px auto 0;padding:0 36px;display:flex;gap:20px;font-size:.85rem;color:var(--muted)}.notes-breadcrumb a{border-bottom:1px solid var(--line)}.note-title{max-width:1000px;margin:0 auto;padding:70px 36px 58px;border-bottom:1px solid var(--line)}.note-title h1{color:var(--green)}.note-title h1 span{color:var(--gold)}.note-deck{font-family:var(--serif);font-size:1.25rem;margin-top:25px;color:var(--muted)}.note-byline{font-size:.86rem;margin-top:35px;color:var(--muted)}.note-byline span{margin:0 8px;color:var(--line)}.note-body{max-width:760px;padding:0 36px;margin:auto}.note-body p{margin:20px 0}.opening{padding-top:38px}.note-body section{padding-top:60px}.note-body .section-label{margin:0 0 18px}.note-body h2{margin-bottom:25px;color:var(--green)}blockquote{font:500 1.35rem/1.9 var(--serif);margin:35px 0;padding:15px 0 15px 25px;border-left:2px solid var(--gold);color:var(--green)}.note-card{margin:35px auto;max-width:600px}.note-card img{border:1px solid #ddd4c2}.note-card a{display:block;cursor:zoom-in}figcaption{font-size:.86rem;line-height:1.8;color:var(--muted);margin-top:12px}.learning-steps{padding:0;list-style:none;counter-reset:step;margin:30px 0}.learning-steps li{counter-increment:step;padding:22px 0 22px 46px;border-top:1px solid var(--line);position:relative}.learning-steps li:before{content:'0' counter(step);position:absolute;left:0;top:25px;color:var(--gold);font:1rem Georgia,serif}.learning-steps h3{font-size:1.15rem}.learning-steps p{margin:6px 0 0}.note-takeaway{background:var(--green);color:var(--paper);padding:30px;margin:45px 0}.note-takeaway .section-label{color:#e5c58f;font-size:.85rem}.note-takeaway p:last-child{font-family:var(--serif);font-size:1.2rem;margin:18px 0 0}.note-takeaway strong{font-weight:500}.note-signature{margin-top:45px;padding:30px 0;border-top:1px solid var(--line)}.note-signature span{font:italic 2rem Georgia,serif;color:var(--gold)}.note-signature p{font-size:.9rem;color:var(--muted);margin:10px 0 0}.note-body .note-source{font-size:.8rem;color:var(--muted);margin-bottom:60px}.note-source a{border-bottom:1px solid var(--line)}.notes-footer{max-width:1128px;margin:60px auto 0;padding:30px 0 45px;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;font-size:.85rem}.notes-footer div{margin-right:auto}.notes-footer div span{font:1.5rem Georgia,serif;color:var(--green)}.notes-footer p{font-size:.8rem;color:var(--muted);margin-top:8px}.notes-footer>a{border-bottom:1px solid var(--gold)}.notes-list{max-width:1100px;margin:auto;padding:75px 36px 100px;min-height:65vh}.notes-list-intro{padding-bottom:60px}.notes-list-intro h1{color:var(--green)}.notes-list-intro>p:last-child{margin-top:25px;color:var(--muted)}.note-feature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:170px 1fr;gap:40px;padding:38px 0}.note-feature-side{display:flex;flex-direction:column;font-size:.86rem;color:var(--muted)}.note-number{font:italic 3.5rem Georgia,serif;color:var(--gold);margin-bottom:20px}.note-feature-side time{margin-top:12px}.note-feature h3{font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.7;color:var(--green)}.note-feature p{margin-top:18px}.note-feature .note-teaser{font-size:.9rem;color:var(--muted);margin-top:8px}.note-read{display:inline-block;color:var(--gold);border-bottom:1px solid var(--gold);margin-top:25px;font-size:.92rem}.note-feature h3 a:hover{color:var(--gold)}@media(max-width:700px){body{font-size:16px;line-height:1.95}.notes-header{padding:18px 22px;gap:12px}.notes-identity{gap:9px}.notes-identity img{width:48px}.notes-identity span{font-size:1.18rem}.notes-identity small{font-size:.75rem}.home-link{font-size:.8rem;max-width:80px;white-space:normal;text-align:right}.notes-breadcrumb{padding:0 24px;margin-top:20px}.note-title{padding:45px 24px 35px}.note-deck{font-size:1.05rem}.note-byline{font-size:.8rem}.note-body{padding:0 24px}.note-body section{padding-top:42px}blockquote{font-size:1.12rem;padding-left:18px}.note-card{margin:28px 0}.note-takeaway{padding:25px}.note-takeaway p:last-child{font-size:1.08rem}.notes-footer{margin:45px 24px 0;flex-wrap:wrap;gap:20px}.notes-footer div{width:100%}.notes-list{padding:45px 24px 65px}.notes-list-intro{padding-bottom:40px}.note-feature{grid-template-columns:1fr;gap:20px;padding:26px 0}.note-feature-side{flex-direction:row;flex-wrap:wrap;gap:15px;align-items:center}.note-number{font-size:2rem;margin:0}.note-feature-side time{margin:0 0 0 auto;font-size:.8rem}.note-feature p{margin-top:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The full book-and-pen emblem beside the education-note introduction. */
.notes-list-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr);gap:45px;align-items:center}.notes-intro-copy>p:last-child{margin-top:25px;color:var(--muted)}.notes-intro-emblem{margin:0;justify-self:end;width:100%;max-width:420px}.notes-intro-emblem img{width:100%;mix-blend-mode:multiply}@media(max-width:700px){.notes-list-intro{grid-template-columns:1fr;gap:20px}.notes-intro-emblem{justify-self:center;max-width:270px}.notes-intro-copy>p:last-child{margin-top:22px}}

.education-cards-jump{display:inline-block;font-size:.9rem;color:var(--gold);border-bottom:1px solid var(--gold);margin-top:20px}.note-body .education-cards{padding-top:50px;margin-top:45px;border-top:1px solid var(--line)}.education-cards h2{margin-bottom:14px}.note-body .education-cards-help{font-size:.9rem;color:var(--muted);margin:0 0 25px}.education-cards-controls{display:flex;gap:20px;justify-content:center;align-items:center;margin:0 auto 18px}.education-cards button{font:400 .9rem/1.4 var(--sans);background:none;border:1px solid var(--line);color:var(--green);cursor:pointer;padding:10px 18px;min-height:44px}.education-cards button:disabled{opacity:.4;cursor:default}.education-cards button:focus-visible,.education-card-track:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.education-card-status{font-size:.9rem;color:var(--muted)}.education-card-track{position:relative;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;max-width:600px;margin:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.education-card-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;padding-bottom:10px}.education-card-slide>a{display:block;cursor:zoom-in}.education-card-slide img{width:100%;border:1px solid #ddd4c2}.education-card-slide figcaption{margin-top:12px;min-height:3.6em}.education-card-pages{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.education-card-pages button{padding:8px;min-width:40px}.education-card-pages [aria-current=true]{background:var(--green);color:var(--paper);border-color:var(--green)}@media(max-width:700px){.education-card-pages{gap:5px}.education-card-pages button{min-width:34px;padding:7px}.education-cards-controls{gap:18px}.note-body .education-cards{padding-top:35px;margin-top:35px}}

/* Card edges and room for their soft shadows. */
.education-card-track{max-width:644px;padding:18px 22px 30px;scroll-padding-inline:22px;gap:30px}.education-card-slide img{border-color:#e0d8c9;box-shadow:0 3px 7px #263d3510,0 16px 26px -14px #263d353b;transition:box-shadow .3s,transform .3s}.education-card-slide>a:hover img{box-shadow:0 5px 10px #263d351a,0 21px 32px -13px #263d3547;transform:translateY(-3px)}
.notes-identity img,.notes-intro-emblem img{mix-blend-mode:normal}.notes-intro-emblem{position:relative}.sanna-motion{position:relative;aspect-ratio:1448/1086;isolation:isolate;perspective:900px}.sanna-motion img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.sanna-motion .sanna-fixed{mask:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQ4IiBoZWlnaHQ9IjEwODYiIHZpZXdCb3g9IjAgMCAxNDQ4IDEwODYiPjxkZWZzPjxtYXNrIGlkPSJtIj48cmVjdCB3aWR0aD0iMTQ0OCIgaGVpZ2h0PSIxMDg2IiBmaWxsPSJ3aGl0ZSIvPjxwb2x5Z29uIHBvaW50cz0iNjg0LDQzOCA3MzUsMjc0IDgwMCwyMDYgOTMyLDE2MCA5MjMsMTk1IDk3MCwxOTQgOTUwLDIzMSAxMDE3LDIzNCA5OTgsMzA0IDEwMTgsMzA1IDEwMDYsMzkxIDEwMTcsNDI1IDc4OCw0NzAiIGZpbGw9ImJsYWNrIi8+PHBvbHlnb24gcG9pbnRzPSI0NDAsNjY1IDU4Miw1OTQgNjQ0LDU4MSA4MTMsNjM3IDc5MSw3MjQgNjgzLDkzMyA0ODAsODE2IDQ4Nyw4MDEgNDc0LDc5MSA0OTcsNzU4IDQ1Myw3NjUgNTA3LDY5MyA0NDYsNzE1IDQ4OCw2NzAiIGZpbGw9ImJsYWNrIi8+PC9tYXNrPjwvZGVmcz48cmVjdCB3aWR0aD0iMTQ0OCIgaGVpZ2h0PSIxMDg2IiBmaWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNtKSIvPjwvc3ZnPg==') center/100% 100% no-repeat}.sanna-page-top{clip-path:polygon(47.24% 40.33%,50.76% 25.23%,55.25% 18.97%,64.36% 14.73%,63.74% 17.96%,66.99% 17.86%,65.61% 21.27%,70.23% 21.55%,68.92% 27.99%,70.30% 28.08%,69.48% 36%,70.23% 39.13%,54.42% 43.28%);transform-origin:47.4% 40.3%;animation:sanna-upper 6.5s ease-in-out infinite;filter:drop-shadow(0 2px 1px #263d3515)}.sanna-page-bottom{clip-path:polygon(30.39% 61.23%,40.19% 54.70%,44.48% 53.50%,56.15% 58.66%,54.63% 66.67%,47.17% 85.91%,33.15% 75.14%,33.63% 73.76%,32.73% 72.84%,34.32% 69.80%,31.28% 70.44%,35.01% 63.81%,30.80% 65.84%,33.70% 61.69%);transform-origin:56.1% 58.7%;animation:sanna-lower 7.2s ease-in-out infinite;filter:drop-shadow(0 2px 1px #263d3515)}
@keyframes sanna-upper{0%,100%{transform:rotate(0) rotateY(0) skewY(0)}45%{transform:rotate(-.8deg) rotateY(-5deg) skewY(-.55deg)}75%{transform:rotate(.3deg) rotateY(2deg) skewY(.25deg)}}@keyframes sanna-lower{0%,100%{transform:rotate(0) rotateY(0) skewY(0)}40%{transform:rotate(.65deg) rotateY(4deg) skewY(.45deg)}75%{transform:rotate(-.35deg) rotateY(-2deg) skewY(-.2deg)}}
.sanna-motion-paused .sanna-page-top,.sanna-motion-paused .sanna-page-bottom{animation-play-state:paused}.sanna-motion-toggle{position:absolute;right:8px;bottom:-8px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--green);cursor:pointer;display:grid;place-items:center}.sanna-motion-toggle svg{width:12px;height:12px;fill:currentColor}.sanna-motion-toggle .motion-play{display:none}.sanna-motion-toggle[aria-pressed=true] .motion-pause{display:none}.sanna-motion-toggle[aria-pressed=true] .motion-play{display:block}.sanna-motion-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:700px){.education-card-track{padding:14px 13px 23px;scroll-padding-inline:13px;gap:24px}}@media(prefers-reduced-motion:reduce){.sanna-page-top,.sanna-page-bottom{animation:none;filter:none}.sanna-motion-toggle{display:none}.education-card-slide img{transition:none}.education-card-slide>a:hover img{transform:none}}

/* Individually hinged pages open with a soft breath of wind. */
.sanna-leaf{animation:sanna-page-breeze 6.8s cubic-bezier(.42,0,.3,1) infinite;animation-delay:var(--leaf-delay);filter:drop-shadow(0 1px 1px #263d3526);will-change:transform}.sanna-leaf-upper{transform-origin:47.2376% 40.3315%}.sanna-leaf-lower{transform-origin:56.1464% 58.6556%}@keyframes sanna-page-breeze{0%,12%,100%{transform:rotate(0deg) rotateY(0deg);filter:drop-shadow(0 1px 1px #263d3515)}48%{transform:rotate(var(--leaf-angle)) rotateY(var(--leaf-turn));filter:drop-shadow(0 3px 2px #263d352e)}84%{transform:rotate(0deg) rotateY(0deg);filter:drop-shadow(0 1px 1px #263d3515)}}.sanna-motion-paused .sanna-leaf{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.sanna-leaf{animation:none;filter:none;will-change:auto}}