/* chaggie.com static archive — minimalist theme */
*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    background: #faf9f7;
    color: #222;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 18px;
    line-height: 1.75;
}

a { color: #5a3e28; }
a:hover { color: #8b5e3c; }

#page {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* ── Archive notice ──────────────────────────────── */
.archive-notice {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.78rem;
    color: #bbb;
    text-align: center;
    padding: 0.35rem 0;
    margin-top: 0.75rem;
}

/* ── Header ─────────────────────────────────────── */
#header {
    border-bottom: 2px solid #d9d3cb;
    padding: 1.75rem 0 1rem;
    margin-bottom: 2.5rem;
}
#header h1 {
    margin: 0 0 0.25rem;
    font-size: 2rem;
    font-family: 'Palatino Linotype', Palatino, serif;
    letter-spacing: -0.01em;
}
#header h1 a { text-decoration: none; color: #222; }
#header h1 a:hover { color: #5a3e28; }
#header .tagline {
    margin: 0 0 0.75rem;
    color: #999;
    font-style: italic;
    font-size: 0.9rem;
}
#header nav {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.88rem;
}
#header nav a { margin-right: 1.2rem; color: #5a3e28; text-decoration: none; }
#header nav a:hover { text-decoration: underline; }

/* ── Post list ───────────────────────────────────── */
.post-entry {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #e8e3dc;
}
.post-entry:last-child { border-bottom: none; }
.post-entry h2 { margin: 0 0 0.3rem; font-size: 1.4rem; line-height: 1.3; }
.post-entry h2 a { text-decoration: none; color: #222; }
.post-entry h2 a:hover { color: #5a3e28; }
.post-meta {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.82rem;
    color: #aaa;
    margin-bottom: 0.6rem;
}
.post-meta a { color: #aaa; text-decoration: none; }
.post-meta a:hover { color: #5a3e28; text-decoration: underline; }
.post-excerpt { color: #444; margin: 0 0 0.5rem; }
.read-more {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.85rem;
}

/* ── Single post ─────────────────────────────────── */
.entry-header { margin-bottom: 1.75rem; }
.entry-title { font-size: 2.1rem; line-height: 1.2; margin: 0 0 0.4rem; }

.entry-content p    { margin: 0 0 1.2rem; }
.entry-content img  { max-width: 100%; height: auto; }
.entry-content figure { margin: 1.2rem 0; }
.entry-content figcaption {
    font-size: 0.84rem;
    color: #888;
    font-style: italic;
    margin-top: 0.3rem;
    text-align: center;
}
.entry-content blockquote {
    border-left: 3px solid #d9d3cb;
    margin: 1rem 0 1rem 0;
    padding: 0 1rem;
    color: #555;
    font-style: italic;
}
.entry-content pre {
    background: #f4f1ed;
    padding: 1rem;
    overflow-x: auto;
    font-size: 0.85rem;
    border-radius: 3px;
}

.entry-footer {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e8e3dc;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.82rem;
    color: #aaa;
}
.entry-footer a { color: #aaa; }
.entry-footer a:hover { color: #5a3e28; }

/* ── Comments ────────────────────────────────────── */
#comments {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #d9d3cb;
}
#comments h2 {
    font-size: 1.1rem;
    margin: 0 0 1.75rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #888;
}
.comment {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ece7e0;
}
.comment:last-child { border-bottom: none; }
.comment-meta {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.82rem;
    color: #aaa;
    margin-bottom: 0.35rem;
}
.comment-meta .author-name { font-weight: 600; color: #666; }
.comment-content p { margin: 0 0 0.6rem; font-size: 0.95rem; }
.comment-content p:last-child { margin-bottom: 0; }

/* ── Archives ────────────────────────────────────── */
.page-heading {
    font-size: 1.6rem;
    margin: 0 0 1.75rem;
    color: #555;
    font-weight: normal;
}
.year-group h3 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1.1rem;
    border-bottom: 1px solid #e8e3dc;
    padding-bottom: 0.3rem;
    margin: 0 0 0.75rem;
    color: #777;
}
.year-group ul { list-style: none; padding: 0; margin: 0 0 2rem; }
.year-group li {
    padding: 0.2rem 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.9rem;
    display: flex;
    gap: 0.75rem;
    align-items: baseline;
}
.year-group .date { color: #ccc; white-space: nowrap; width: 5em; flex-shrink: 0; }
.year-group a { color: #444; text-decoration: none; }
.year-group a:hover { color: #5a3e28; text-decoration: underline; }

/* ── Pagination ──────────────────────────────────── */
.pagination {
    margin: 2.5rem 0;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.88rem;
}
.pagination a {
    padding: 0.3rem 0.75rem;
    border: 1px solid #d9d3cb;
    color: #5a3e28;
    text-decoration: none;
    border-radius: 3px;
}
.pagination a:hover { background: #f0ece6; }
.pagination .current-page { color: #bbb; padding: 0.3rem 0; }

/* ── Footer ──────────────────────────────────────── */
#footer {
    margin-top: 3rem;
    padding: 1.5rem 0 2.5rem;
    border-top: 1px solid #d9d3cb;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.82rem;
    color: #ccc;
}

/* ── Video embed ─────────────────────────────────── */
.video-wrap {
    margin: 1rem 0;
    max-width: 640px;
}
.video-wrap iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    background: #000;
}

/* ── Gallery placeholder ─────────────────────────── */
.gallery-note { color: #bbb; font-style: italic; font-size: 0.88rem; }

/* ── Responsive ──────────────────────────────────── */
@media (max-width: 600px) {
    body { font-size: 16px; }
    #page { padding: 0 1rem; }
    .entry-title { font-size: 1.6rem; }
}