/* Basic clean styles for CleanLite */
:root { --wrap-width:1100px; --accent:#1e73be; color-scheme: light; }

body { 
    margin:0; 
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; 
    color:#222; 
    background:#fff; 
    line-height:1.6; 
}

.wrap { max-width: var(--wrap-width); margin:0 auto; padding:20px; }

.site-header { border-bottom:1px solid #eaeaea; padding:12px 0; }

.site-title { font-size:20px; text-decoration:none; color:var(--accent); margin:0; display:inline-block; }

.site-description { margin:0; font-size:13px; color:#666; }

.menu { margin-top:8px; list-style:none; padding:0; }
.menu li { display:inline-block; margin-right:12px; }

.entry-title { margin:0 0 8px; }
.entry-meta { font-size:13px; color:#666; margin-bottom:12px; }
.entry-content { margin-bottom:28px; }

.site-footer { 
    border-top:1px solid #eaeaea; 
    padding:18px 0; 
    font-size:14px; 
    color:#666; 
}

.widget { margin-bottom:20px; }

@media (max-width:768px) {
  .wrap { padding:12px; }
  .menu li { display:block; margin-bottom:8px; }
}

/* Featured images */
.post-thumbnail img,
.post-thumbnail-single img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
    border-radius: 4px;
}

/* Tags */
.entry-tags {
    margin-top: 12px;
    font-size: 14px;
}
.entry-tags .tag-links a {
    background: #f1f1f1;
    padding: 4px 8px;
    border-radius: 4px;
    text-decoration: none;
    color: inherit;
    margin-right: 6px;
}

/* Block style: highlight */
.is-style-cleanlite-highlight { 
    background: #ffffcc; 
    padding: 4px 6px; 
}

/* Theme Check recommended utility classes */
.wp-caption { 
    padding: 4px; 
    background: #f8f8f8; 
    border: 1px solid #eaeaea; 
    display: inline-block; 
    max-width:100%; 
}
.wp-caption-text, 
.gallery-caption { 
    font-size: 13px; 
    color: #666; 
    margin-top: 6px; 
}
.sticky { 
    background: #fffbe6; 
    padding: 6px; 
    border-left: 4px solid #ffd54f; 
}
.bypostauthor { font-weight: 700; }

.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.screen-reader-text { 
    position: absolute; 
    left: -10000px; 
    top: auto; 
    width: 1px; 
    height: 1px; 
    overflow: hidden; 
}