:root { color-scheme:light; --bg:#fffcf0; --text:#100f0f; --muted:#6f6e69; --border:#dad8ce; --accent:#24837b; --highlight:#ecf7ec; --active:#ddf1e4; --error:#af3029; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:1.0625rem/1.5 -apple-system,BlinkMacSystemFont,"Inter","IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
::selection { background:var(--highlight); }
a:active, button:active { background:var(--active); }
main { max-width:720px; margin:0 auto; padding:4rem 1.5rem 6rem; }
header { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:1.5rem; gap:1rem; }
.eyebrow { color:var(--muted); font-size:1.2rem; letter-spacing:-.01em; }
.eyebrow a { color:var(--text); text-decoration:none; transition:color .15s; }
.eyebrow a:hover { color:var(--accent); }
.eyebrow .sep { margin:0 .4rem; }
h1 { font-size:1.0625rem; font-weight:400; margin:0 0 1.8rem; }
a:focus-visible, button:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.meta { color:var(--muted); font-size:.82rem; margin:.35rem 0 0; }
article { padding:1.15rem 1.25rem; margin-bottom:1rem; border:1px solid var(--border); border-radius:8px; transition:border-color .15s; }
article:hover { border-color:var(--accent); }
h2 { font-size:1.08rem; font-weight:400; line-height:1.5; margin:0; }
h2 a { color:var(--text); text-decoration:underline; text-decoration-color:var(--border); text-underline-offset:2px; }
h2 a:hover { text-decoration-color:var(--accent); }
.summary { font-size:.96rem; margin:.6rem 0 0; }
.comments { color:var(--muted); margin:.5rem 0 0; font-size:.9rem; }
.comments strong { font-weight:600; }
.old { color:var(--error); }
.provenance { margin-top:1.15rem; color:var(--muted); font-size:.82rem; }
.rank { display:inline-block; color:var(--accent); border:1px solid var(--border); border-radius:99px; padding:.05rem .5rem; margin-right:.5rem; font-size:.7rem; letter-spacing:.05em; text-transform:uppercase; }