/* CIACMS default theme — minimal, readable, easy to override. */

:root {
    --fg: #222;
    --muted: #666;
    --bg: #fff;
    --link: #0057b7;
    --rule: #e2e2e2;
}

* { box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--fg);
    background: var(--bg);
    line-height: 1.55;
    margin: 0;
}

a { color: var(--link); }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; }

/* Top navigation */
.siteNav {
    border-bottom: 1px solid var(--rule);
    padding: .75rem 1rem;
    display: flex;
    align-items: baseline;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.siteNav .siteName {
    font-weight: 600;
    text-decoration: none;
    color: var(--fg);
    font-size: 1.1rem;
}
.siteNav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.siteNav a { text-decoration: none; }

/* Main column */
.pageContents { max-width: 48rem; margin: 0 auto; padding: 1.5rem 1rem 4rem; }
.textColumn { }

/* Headings */
h1 { font-size: 2rem; line-height: 1.2; margin: 1.5rem 0 1rem; }
h2 { font-size: 1.4rem; line-height: 1.25; margin: 2rem 0 .75rem; }
h3 { font-size: 1.15rem; margin: 1.5rem 0 .5rem; }

/* Paragraphs and prose */
p { margin: 0 0 1rem; }
blockquote {
    border-left: 3px solid var(--rule);
    margin: 1rem 0;
    padding: .25rem 1rem;
    color: var(--muted);
}

/* Listings (used by displayList) */
.articlesH2 { margin-top: 2rem; }
.articlesH2 a { text-decoration: none; }
.articles { color: var(--muted); }

/* Breadcrumb / trail */
.trail { color: var(--muted); font-size: .9rem; margin: 1rem 0; }
.trail a { color: var(--muted); }

/* Inline code (Markdown) */
:not(pre) > code {
    background: #f4f4f4;
    border-radius: 3px;
    padding: .1em .35em;
    font-size: .95em;
}

/* Prism code blocks already styled by prism.css; just give them rhythm. */
pre[class*="language-"] {
    margin: 1rem 0;
    border-radius: 4px;
}