/* munju.wiki */
/* Colors: #f8f4eb, #2a2520, #5a4e3c, #b8860b, #c8bda8, #6b6052, #a09480 */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Lora', serif; font-weight: 400; font-size: 16px; line-height: 1.85; background: #f8f4eb; color: #2a2520; overflow-x: hidden; }
.page-layout { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.sidebar { background: #2a2520; color: #c8bda8; padding: 40px 28px; position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; }
.sidebar-brand { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 18px; color: #b8860b; margin-bottom: 40px; letter-spacing: 0.02em; }
.nav-heading { font-family: 'Fira Code', monospace; font-size: 10px; color: #6b6052; letter-spacing: 0.12em; text-transform: uppercase; display: block; margin-bottom: 16px; }
.nav-link { display: block; font-family: 'Lora', serif; font-size: 14px; color: #c8bda8; text-decoration: none; padding: 6px 0; transition: color 0.2s ease; }
.nav-link:hover { color: #b8860b; }
.sidebar-meta { margin-top: auto; }
.meta-label { font-family: 'Fira Code', monospace; font-size: 10px; color: #6b6052; letter-spacing: 0.08em; display: block; }
.meta-value { font-family: 'Fira Code', monospace; font-size: 12px; color: #a09480; display: block; margin-top: 4px; }
.content { padding: 80px 60px; max-width: 760px; }
.content-hero { margin-bottom: 60px; }
.content-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(2rem, 4vw, 3rem); color: #2a2520; letter-spacing: 0.01em; opacity: 0; animation: fadeIn 1.2s 0.3s ease forwards; }
.content-subtitle { font-family: 'Lora', serif; font-weight: 400; font-size: 15px; color: #6b6052; margin-top: 12px; opacity: 0; animation: fadeIn 1s 0.8s ease forwards; }
@keyframes fadeIn { to { opacity: 1; } }
.entry { padding: 40px 0; border-top: 1px solid rgba(184, 134, 11, 0.15); }
.entry-heading { font-family: 'Playfair Display', serif; font-weight: 400; font-size: clamp(1.3rem, 2.5vw, 1.8rem); color: #2a2520; margin-bottom: 14px; }
.entry-body { font-size: 15px; color: #5a4e3c; max-width: 580px; }
.entry-note { margin-top: 16px; display: flex; gap: 12px; flex-wrap: wrap; }
.entry-code { font-family: 'Fira Code', monospace; font-size: 12px; color: #b8860b; background: rgba(184, 134, 11, 0.08); padding: 3px 10px; border-radius: 3px; }
.site-footer { text-align: center; padding: 48px 40px; border-top: 1px solid rgba(184, 134, 11, 0.1); }
.site-footer p { font-family: 'Fira Code', monospace; font-size: 12px; color: #a09480; letter-spacing: 0.06em; }
@media (max-width: 768px) { .page-layout { grid-template-columns: 1fr; } .sidebar { position: relative; height: auto; padding: 24px; } .content { padding: 40px 24px; } }