/* wordpress_to_php.py — generated stylesheet — June 2026 */

/* ── Reset & Base ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.65;
    color: #222;
    background: #f5f5f0;
}
a { color: #7a1a1a; }
a:hover { color: #b33; }
img { max-width: 100%; height: auto; display: block; }

/* ── Layout ── */
.site-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.08);
}

/* ── Header ── */
.site-header {
    background: var(--header-bg, #2c2c2c);
    color: #fff;
    padding: 1.5rem 2rem;
}
.site-header h1 {
    font-size: 1.8rem;
    font-family: var(--header-font, Georgia, serif);
    letter-spacing: .02em;
}
.site-header h1 a { color: #fff; text-decoration: none; }
.site-header .tagline {
    font-size: .9rem;
    opacity: .85;
    margin-top: .25rem;
    font-family: Arial, sans-serif;
}

/* ── Nav ── */
.site-nav { background: var(--nav-bg, #444); }
.site-nav ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 2rem;
    gap: .25rem;
}
.site-nav a {
    color: #ddd;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: .85rem;
    padding: .3rem .6rem;
    border-radius: 3px;
    transition: background .15s;
}
.site-nav a:hover { background: #666; color: #fff; }

/* ── Content + Sidebar ── */
.content-area {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 2rem;
    padding: 2rem;
    align-items: start;
}
@media (max-width: 720px) {
    .content-area { grid-template-columns: 1fr; }
}

/* ── Main ── */
main { min-width: 0; overflow-wrap: break-word; word-wrap: break-word; }
main h1, main h2 { font-size: 1.4rem; margin: 1.5rem 0 .75rem; color: #2c2c2c; }
main h2 a { text-decoration: none; color: inherit; }
main h2 a:hover { color: #7a1a1a; }
main p { margin-bottom: 1rem; }
main ul, main ol { margin: .5rem 0 1rem 1.5rem; }
main li { margin-bottom: .35rem; }
main blockquote {
    border-left: 4px solid #ccc;
    padding-left: 1rem;
    color: #555;
    margin: 1rem 0;
    font-style: italic;
}
main iframe { max-width: 100%; }

/* ── Posts ── */
.post { border-bottom: 1px solid #eee; padding-bottom: 1.5rem; margin-bottom: 1.5rem; }
.post-meta { font-family: Arial, sans-serif; font-size: .8rem; color: #888; margin: .4rem 0 .75rem; }
.post-meta a { color: #888; }

/* ── Tables ── */
.tablayout { width: 100%; table-layout: fixed; word-wrap: break-word; }

/* ── Sidebar ── */
.sidebar { font-family: Arial, sans-serif; font-size: .9rem; }
.widget {
    background: #f9f9f7;
    border: 1px solid #e5e5e0;
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}
.widget h2 {
    font-size: 1rem;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #555;
    margin: 0 0 .75rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .4rem;
}
.widget ul { list-style: none; padding: 0; }
.widget li { padding: .25rem 0; border-bottom: 1px dotted #ddd; }
.widget li:last-child { border: none; }
.widget img { width: 100%; }

/* ── Pagination ── */
.pagination {
    display: flex;
    gap: .5rem;
    margin: 1.5rem 0;
    font-family: Arial, sans-serif;
    font-size: .9rem;
}
.pagination a, .pagination span {
    padding: .3rem .7rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}
.pagination a:hover { background: #eee; }
.pagination .current { background: #2c2c2c; color: #fff; border-color: #2c2c2c; }

/* ── Footer ── */
.site-footer {
    background: var(--header-bg, #2c2c2c);
    color: #fff;
    text-align: center;
    padding: 1rem 2rem;
    font-family: Arial, sans-serif;
    font-size: .8rem;
}