body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:#f7f7fb;margin:0;color:#222}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.header{background:#111;color:#fff}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.brand a{color:#fff;text-decoration:none;font-weight:700}
.nav a{color:#fff;margin-left:12px;text-decoration:none}
.credit{margin-right:8px}
.main{display:flex;gap:16px;padding:16px}
.sidebar{width:260px}
.content{flex:1;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.menu{list-style:none;padding:0;margin:0}
.menu li{margin:6px 0}
.menu .divider{border-top:1px solid #e5e5ef;margin:10px 0}
.flashes{margin-bottom:12px}
.flash{padding:10px 12px;border-radius:6px;margin:6px 0}
.flash.success{background:#e6ffed;border:1px solid #b7f5c6}
.flash.warning{background:#fff8e1;border:1px solid #ffe08a}
.flash.danger{background:#ffe6e6;border:1px solid #ffb3b3}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #eee;padding:8px;text-align:left}
form div{margin:10px 0}
input,select,textarea,button{font:inherit}
input,select,textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}
button{background:#111;color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer}

/* 마크다운 스타일 */
.markdown-content {
  line-height: 1.6;
  color: #333;
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-content h1 { font-size: 1.5em; }
.markdown-content h2 { font-size: 1.3em; }
.markdown-content h3 { font-size: 1.1em; }

.markdown-content p {
  margin: 0.8em 0;
}

.markdown-content ul,
.markdown-content ol {
  margin: 0.8em 0;
  padding-left: 2em;
}

.markdown-content li {
  margin: 0.3em 0;
}

.markdown-content blockquote {
  margin: 1em 0;
  padding: 0.5em 1em;
  border-left: 4px solid #ddd;
  background-color: #f9f9f9;
  color: #666;
}

.markdown-content code {
  background-color: #f4f4f4;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
}

.markdown-content pre {
  background-color: #f4f4f4;
  padding: 1em;
  border-radius: 6px;
  overflow-x: auto;
  margin: 1em 0;
}

.markdown-content pre code {
  background: none;
  padding: 0;
}

.markdown-content strong {
  font-weight: 600;
}

.markdown-content em {
  font-style: italic;
}

.markdown-content a {
  color: #007bff;
  text-decoration: none;
}

.markdown-content a:hover {
  text-decoration: underline;
}