@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--bg-main:#fdfcf8;--bg-card:#fff;--bg-card-hover:#faf9f5;--text-primary:#2c2c2a;--text-secondary:#706f6c;--text-tertiary:#a6a5a1;--accent-color:#d4b996;--logo-block-bg:#8b9483;--logo-block-text:#fdfcf8;--border-color:#e8e7e4;--font-sans:"Pretendard", -apple-system, sans-serif;--font-serif:"Cormorant Garamond", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-secondary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none;transition:all .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}.layout-wrapper{min-height:100vh;display:flex}.sidebar-container{border-right:1px solid var(--border-color);background-color:var(--bg-main);z-index:50;flex-direction:column;width:280px;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0}.main-container{background-color:var(--bg-main);flex:1;min-height:100vh;margin-left:280px;padding:60px 80px}.masonry-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.masonry-item{width:100%;display:flex}@media (max-width:1400px){.masonry-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.layout-wrapper{flex-direction:column}.sidebar-container{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;position:relative}.main-container{margin-left:0;padding:40px 20px}.masonry-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.masonry-grid{grid-template-columns:1fr}}.markdown-content p{word-break:keep-all;margin-bottom:1.8rem}.markdown-content h2{font-family:var(--font-sans);color:var(--text-primary);margin-top:4rem;margin-bottom:1.5rem;font-size:26px;font-weight:700}.markdown-content h3{font-family:var(--font-sans);color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;font-size:20px;font-weight:600}.markdown-content a{color:#3b82f6;border-bottom:1px solid #3b82f6;text-decoration:none}.markdown-content a:hover{color:#2563eb;border-bottom-color:#2563eb}