* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.6; color: var(--moreism-color-text, #333); background-color: var(--moreism-color-background, #fff); }
.site-header { background-color: var(--moreism-header-bg, #fff); color: var(--moreism-header-text, #333); padding: 1rem 0; }
.header-container { max-width: var(--moreism-container-width, 1200px); margin: 0 auto; padding: 0 1rem; }
.header-content { display: flex; justify-content: space-between; align-items: center; }
.site-title { font-size: 1.5rem; }
.site-title a { color: inherit; text-decoration: none; }
.primary-navigation { display: flex; gap: 2rem; }
.primary-navigation a { color: inherit; text-decoration: none; }
.primary-navigation a:hover { color: var(--moreism-color-primary, #0073aa); }
.site-content { max-width: var(--moreism-container-width, 1200px); margin: 2rem auto; padding: 0 1rem; }
.container { display: flex; gap: 2rem; }
.main-content { flex: 1; }
.sidebar { width: var(--moreism-sidebar-width, 300px); }
.widget { margin-bottom: 2rem; padding: 1rem; border: 1px solid #eee; }
.widget-title { font-size: 1.25rem; margin-bottom: 1rem; }
.site-footer { background-color: var(--moreism-footer-bg, #222); color: var(--moreism-footer-text, #fff); padding: 2rem 0; margin-top: 3rem; }
.footer-container { max-width: var(--moreism-container-width, 1200px); margin: 0 auto; padding: 0 1rem; }
.footer-navigation { margin-bottom: 2rem; }
.footer-navigation a { color: inherit; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1rem; text-align: center; }
article { margin-bottom: 2rem; padding: 1rem; border: 1px solid #eee; }
.entry-header { margin-bottom: 1rem; }
.entry-title { font-size: 1.75rem; margin-bottom: 0.5rem; }
.entry-title a { color: var(--moreism-color-primary, #0073aa); text-decoration: none; }
.entry-meta { color: #666; font-size: 0.9rem; }
.entry-thumbnail { margin-bottom: 1rem; }
.entry-thumbnail img { max-width: 100%; height: auto; }
.entry-content { line-height: 1.8; }
.moreism-button { display: inline-block; padding: 0.75rem 1.5rem; background-color: var(--moreism-color-primary, #0073aa); color: #fff; text-decoration: none; border-radius: 4px; transition: background-color 0.3s; }
.moreism-button:hover { background-color: var(--moreism-color-secondary, #005a87); }
.moreism-box { padding: 1rem; border: 1px solid #eee; margin-bottom: 1rem; }
.moreism-box__title { font-size: 1.1rem; margin-bottom: 0.5rem; }
.moreism-alert { padding: 1rem; margin-bottom: 1rem; border-left: 4px solid #0073aa; background-color: #f0f7ff; }
.moreism-divider { border: none; border-top: 1px solid #ddd; margin: 2rem 0; }
@media (max-width: 768px) { .container { flex-direction: column; } .sidebar { width: 100%; } .primary-navigation { flex-direction: column; gap: 1rem; } }
.container[data-sidebar-position="left"] { flex-direction: row; }
.container[data-sidebar-position="left"] .sidebar { order: -1; }
.container[data-sidebar-position="right"] { flex-direction: row; }
.container[data-sidebar-position="right"] .main-content { order: 1; }
.moreism-no-sidebar .container { flex-direction: row; }
.moreism-no-sidebar .sidebar { display: none; }