/*
 * chassis stylesheet.
 *
 * Selectors here are intentionally generic ([data-section], structural
 * descendants) so they don't fingerprint as a specific named theme.
 * Visible/named selectors are emitted by the per-site skin.css using
 * hashed class names (ds_cls outputs).
 *
 * Tokens come from CSS custom properties printed by ds_emit_skin_vars()
 * with the per-site namespace, e.g. --kxr-color-ink. The skin.css uses
 * those vars; this file only assumes WP defaults exist.
 */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, sans-serif; color: #1a1a1a; background: #fff; }
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: 0; padding: 0; }

main { display: block; max-width: 1280px; margin: 0 auto; padding: 0 1.25rem; }

/* sections stack with breathing room */
main > div > section,
main > section { margin: 3.5rem 0; }
main > div > section:first-child,
main > section:first-child { margin-top: 1.5rem; }

/* responsive defaults */
@media (max-width: 720px) {
    main { padding: 0 1rem; }
    main > div > section,
    main > section { margin: 2rem 0; }
}

/* WP block-content compatibility on /single + /page bodies */
.wp-block-image, figure { margin: 1.5rem 0; }
blockquote { margin: 1.5rem 0; padding-left: 1.25rem; border-left: 3px solid currentColor; font-style: italic; }
pre, code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92em; }
pre { background: #f5f5f5; padding: 1rem; overflow-x: auto; border-radius: 4px; }

/* skip-link for a11y */
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* WP pagination defaults — kept generic */
.nav-links { display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 2rem 0; }
.nav-links .page-numbers { padding: 0.5rem 0.75rem; border: 1px solid currentColor; }
.nav-links .current { background: currentColor; color: #fff; }