:root{--bg: #ffffff;--ink: #111111;--muted: #6c6c6c;--line: rgba(17, 17, 17, .14);--accent: #179a52;--accent-soft: rgba(23, 154, 82, .1);--accent-line: rgba(23, 154, 82, .22);--accent-strong: rgba(23, 154, 82, .52);--font-sans: "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--shell-max: 1080px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.58;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft);color:var(--ink)}a{color:inherit;text-decoration:none}p{margin:0}.page{min-height:100vh;display:flex;flex-direction:column}.shell{width:min(100% - 2.25rem,var(--shell-max));margin:0 auto}.site-nav{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0 .85rem;border-bottom:1px solid var(--line)}.nav-brand,.nav-links,.note-index{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.nav-brand{font-weight:500}.nav-links{color:var(--muted)}.nav-links a:hover,.nav-links a:focus-visible,.note-copy a:hover,.note-copy a:focus-visible{color:var(--accent);outline:none}.surface-shell{flex:1;min-height:0}.reading-plane{overflow:visible;border-top:1px solid var(--accent-line);border-bottom:1px solid rgba(17,17,17,.08)}.plane-canvas{width:100%;min-height:0;padding:56px 36px 52px 24px;display:flex;flex-direction:column;gap:0}.post-group+.post-group{margin-top:2.7rem;padding-top:1.65rem;border-top:1px solid rgba(17,17,17,.1)}.post-meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.15rem}.post-title,.post-stamp{margin:0}.post-title{font-size:13px;font-weight:500;letter-spacing:.01em}.post-stamp{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.track-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.track-scroll::-webkit-scrollbar{display:none}.essay-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,300px);align-items:start;gap:9px;width:max-content;position:relative}.essay-track:after{content:"";position:absolute;left:-18px;right:-18px;top:.42rem;border-top:1px dashed var(--accent-line);z-index:0}.essay-note{position:relative;z-index:1;display:flex;flex-direction:column;gap:.62rem;padding-left:0;padding-top:.72rem}.essay-note:after{content:"";width:.34rem;height:.34rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 2px var(--bg);position:absolute;top:.18rem;left:0}.note-index{position:static;color:var(--accent);text-shadow:0 0 0 transparent}.note-copy p{max-width:33ch;color:#111111eb}.note-copy a{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.17em;text-decoration-color:var(--accent)}.note-00 .note-copy p,.note-05 .note-copy p{font-size:inherit;line-height:inherit}.note-00 .note-copy p{max-width:35ch}.note-05 .note-copy p{max-width:33ch;color:#111111b8}.tail-placeholder{padding:2.4rem 0 3.6rem}.tail-footer{display:block;width:100%;padding:1rem 0 0}.tail-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.tail-copy{color:#111111bd}.tail-separator{margin:0 .45rem 0 .3rem;color:#111111bd}.tail-copy a{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.17em;text-decoration-color:var(--accent)}@media(max-width:980px){.shell{width:min(100% - 1.4rem,var(--shell-max))}.plane-canvas{width:100%;min-height:0;padding:40px 26px 36px 16px;display:flex;flex-direction:column}.essay-track{grid-auto-columns:minmax(230px,290px);gap:6px}.note-copy p{max-width:29ch}}@media(max-width:640px){body{font-size:.97rem;line-height:1.64}.shell{width:min(100% - 1.4rem,var(--shell-max))}.reading-plane{overflow:visible;border-bottom:none}.plane-canvas{min-width:0;min-height:0;padding:1.35rem 0 2rem;display:block}.post-group+.post-group{margin-top:2rem;padding-top:1.2rem}.post-meta{display:block;margin-bottom:.8rem}.post-stamp{margin-top:.2rem}.essay-track{display:block;width:auto}.essay-track:after{display:none}.essay-note+.essay-note{margin-top:1rem}.note-copy p,.note-00 .note-copy p,.note-05 .note-copy p{max-width:none;font-size:15px;line-height:1.65}.tail-footer{display:block}.tail-copy{max-width:none;width:auto}}
