/*
 * The example project's only stylesheet, served from /_frontend/example/css/site.css through
 * Sling-Bundle-Resources. A stable path, not a versioned one: the registry answers ETag from a
 * digest of these bytes, so an upgrade changes the validator without breaking an older URL.
 */
:root { color-scheme: light dark; --gap: 1rem; --measure: 42rem; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: var(--measure); margin: 0 auto; padding: 2rem var(--gap); }
h1 { font-size: 2rem; margin-top: 0; }
h2 { font-size: 1.15rem; }
.text + .text, .columns { margin-top: var(--gap); }
.columns { display: grid; gap: var(--gap); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.column { padding: var(--gap); border: 1px solid rgba(128,128,128,.3); border-radius: 6px; }
.libre-placeholder { color: #888; font-style: italic; }
.site-footer { max-width: var(--measure); margin: 2rem auto 3rem; padding: var(--gap);
               border-top: 1px solid rgba(128,128,128,.3); display: flex; gap: var(--gap);
               justify-content: space-between; font-size: .875rem; }