* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; color: #1a1a2e; background: #f8f9fa; max-width: 800px; margin: 0 auto; padding: 2rem; }
header { text-align: center; padding: 3rem 0; border-bottom: 2px solid #e9ecef; margin-bottom: 2rem; }
h1 { font-size: 2.5rem; color: #16213e; }
.tagline { color: #6c757d; font-size: 1.1rem; margin-top: 0.5rem; }
main article { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 1.5rem; }
main article h2 { color: #16213e; margin-bottom: 0.5rem; }
main article time { color: #adb5bd; font-size: 0.85rem; display: block; margin-bottom: 1rem; }
a { color: #0077b6; text-decoration: none; }
a:hover { text-decoration: underline; }
footer { text-align: center; padding: 2rem 0; color: #adb5bd; border-top: 1px solid #e9ecef; margin-top: 2rem; }

/* --- added 2026-08-03: nav, list, taxonomy styling --- */
header nav {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
header nav a {
    text-decoration: none;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
header nav a:hover { text-decoration: underline; }
h1 a { text-decoration: none; color: inherit; }
.page-title { margin-bottom: 0.25rem; }
.section-intro { margin: 1rem 0 2rem; }
article.summary { margin-bottom: 2rem; }
article.summary h3 { margin-bottom: 0.2rem; }
article.summary time { font-size: 0.85rem; opacity: 0.7; }
.tags { margin-top: 0.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.tags a {
    font-size: 0.75rem;
    text-transform: lowercase;
    padding: 0.15rem 0.5rem;
    border: 1px solid currentColor;
    border-radius: 3px;
    text-decoration: none;
    opacity: 0.75;
}
.tags a:hover { opacity: 1; }
.term-list { list-style: none; padding: 0; }
.term-list li { padding: 0.4rem 0; border-bottom: 1px solid rgba(128,128,128,0.2); }
.term-list .count { font-size: 0.8rem; opacity: 0.6; margin-left: 0.5rem; }
.empty { opacity: 0.7; font-style: italic; }