/* mujun.wiki - Colors: #FAF8F0, #1A1816, #3A3430, #706860, #D8D0C0, #8B4513, #C09040, #2A5090, #F5F0E8 */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: #FAF8F0; color: #3A3430; font-family: 'Noto Serif', serif; font-size: 1rem; line-height: 1.8; display: flex; }

/* Sidebar */
#sidebar { position: fixed; top: 0; left: 0; width: 240px; height: 100vh; background: #F5F0E8; border-right: 1px solid #D8D0C0; padding: 1.5rem 1rem; overflow-y: auto; z-index: 50; }
.sidebar-title { font-family: 'Libre Baskerville', serif; font-weight: 700; font-size: 1.1rem; color: #1A1816; margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid #D8D0C0; }
.nav-category { display: flex; align-items: center; gap: 0.4rem; font-family: 'Noto Sans', sans-serif; font-size: 0.8rem; font-weight: 400; color: #706860; letter-spacing: 0.01em; text-transform: uppercase; margin-top: 1rem; margin-bottom: 0.25rem; }
.cat-icon { color: #706860; flex-shrink: 0; }
.nav-item { display: block; font-family: 'Noto Sans', sans-serif; font-size: 0.85rem; color: #706860; text-decoration: none; padding: 0.3rem 0 0.3rem 1.75rem; transition: color 0.2s; }
.nav-item:hover { color: #2A5090; }

/* Main Content */
#content { margin-left: 240px; flex: 1; padding: 2rem 2.5rem; max-width: 1020px; }

/* Breadcrumb */
.breadcrumb { font-family: 'Noto Sans', sans-serif; font-size: 0.75rem; color: #706860; letter-spacing: 0.01em; text-transform: uppercase; margin-bottom: 1rem; }

/* Article */
.wiki-article { display: flex; gap: 2rem; margin-bottom: 1.5rem; opacity: 0; transform: translateY(10px); transition: opacity 0.5s ease, transform 0.5s ease; }
.wiki-article.visible { opacity: 1; transform: translateY(0); }
.article-main { flex: 1; max-width: 740px; }
.article-title { font-family: 'Libre Baskerville', serif; font-weight: 700; font-size: clamp(1.5rem, 2.5vw, 2.2rem); color: #1A1816; letter-spacing: 0.01em; margin-bottom: 0.5rem; }
.article-subtitle { font-family: 'Noto Serif', serif; font-size: 1rem; color: #706860; font-style: italic; margin-bottom: 1.5rem; }
.subsection-title { font-family: 'Libre Baskerville', serif; font-weight: 700; font-size: 1.15rem; color: #1A1816; margin: 1.5rem 0 0.75rem; }
.article-body { margin-bottom: 1rem; }

/* Drop Cap */
.drop-cap { float: left; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-style: italic; font-size: 3.5rem; line-height: 0.8; color: #8B4513; margin: 0.1rem 0.2rem 0 0; padding: 0.1rem 0.15rem; border: 1px solid rgba(192,144,64,0.3); }

/* Wiki Link */
.wiki-link { color: #2A5090; text-decoration: none; border-bottom: 1px solid rgba(42,80,144,0.3); }
.wiki-link:hover { border-bottom-color: #2A5090; }

/* Infobox */
.infobox { width: 220px; flex-shrink: 0; background: #F5F0E8; border: 1px solid #D8D0C0; border-radius: 4px; padding: 1rem; align-self: flex-start; }
.infobox-title { font-family: 'Noto Sans', sans-serif; font-size: 0.8rem; font-weight: 400; color: #706860; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid #D8D0C0; }
.infobox-row { display: flex; flex-direction: column; gap: 0.1rem; padding: 0.4rem 0; border-bottom: 1px solid rgba(216,208,192,0.5); }
.infobox-label { font-family: 'Noto Sans', sans-serif; font-size: 0.7rem; color: #706860; text-transform: uppercase; letter-spacing: 0.04em; }
.infobox-value { font-family: 'Noto Serif', serif; font-size: 0.85rem; color: #3A3430; }

/* Status Pills */
.status-pill { display: inline-block; font-family: 'Noto Sans', sans-serif; font-size: 0.7rem; padding: 2px 8px; border-radius: 10px; font-weight: 400; }
.status-pill.resolved { background: rgba(64,128,64,0.12); color: #408040; }
.status-pill.open { background: rgba(192,144,64,0.12); color: #C09040; }
.status-pill.undecidable { background: rgba(112,64,160,0.12); color: #7040A0; }

/* Divider */
.wiki-divider { border: none; border-top: 2px solid #D8D0C0; margin: 2rem 0; position: relative; }
.wiki-divider::after { content: ''; display: block; border-top: 0.5px solid #D8D0C0; margin-top: 4px; }

/* Responsive */
@media (max-width: 900px) {
    #sidebar { display: none; }
    #content { margin-left: 0; }
    .wiki-article { flex-direction: column; }
    .infobox { width: 100%; order: -1; }
}