/*
Theme Name: Archive Reference
Theme URI: https://example.com/
Author: Archive Migration
Description: Lightweight, responsive theme for preserved WordPress content.
Version: 1.0.0
Text Domain: archive-reference
*/

:root { --ink:#17202a; --muted:#65717d; --line:#dfe5e9; --accent:#155eef; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
a { color:var(--accent); }
img { max-width:100%; height:auto; }
.site-header { border-bottom:1px solid var(--line); background:#fff; }
.site-header__inner,.site-main,.site-footer__inner { width:min(calc(100% - 2rem),var(--max)); margin-inline:auto; }
.site-header__inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.site-title { color:var(--ink); font-size:1.25rem; font-weight:750; text-decoration:none; }
.site-nav ul { display:flex; flex-wrap:wrap; gap:1rem; margin:0; padding:0; list-style:none; }
.site-nav a { color:var(--ink); text-decoration:none; font-size:.95rem; }
.site-main { padding-block:3rem 5rem; }
.entry-header { margin-bottom:1.5rem; }
.entry-title { margin:0 0 .5rem; font-size:clamp(2rem,5vw,3.5rem); line-height:1.1; }
.entry-meta { color:var(--muted); font-size:.9rem; }
.entry-content { max-width:82ch; }
.entry-content h2,.entry-content h3 { line-height:1.2; margin-top:2rem; }
.entry-content table { border-collapse:collapse; width:100%; }
.entry-content th,.entry-content td { border:1px solid var(--line); padding:.6rem; text-align:left; }
.entry-content blockquote { border-left:4px solid var(--accent); margin:1.5rem 0; padding:.5rem 1rem; color:var(--muted); }
.post-card { border-bottom:1px solid var(--line); padding:1.5rem 0; }
.post-card h2 { margin:.25rem 0; }
.post-card h2 a { color:var(--ink); text-decoration:none; }
.pagination { display:flex; justify-content:space-between; margin-top:2rem; }
.site-footer { border-top:1px solid var(--line); color:var(--muted); padding:2rem 0; font-size:.9rem; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:700px) { .site-header__inner { align-items:flex-start; flex-direction:column; padding-block:1rem; gap:.75rem; } .site-main { padding-top:2rem; } }