:root { color-scheme: light; --paper:#efe5d2; --ink:#173f31; --muted:#665f54; --accent:#a82c2f; --line:rgba(23,63,49,.18); }
* { box-sizing:border-box; } body { margin:0; background:radial-gradient(circle at 88% 8%,rgba(168,44,47,.12),transparent 28%),var(--paper); color:var(--ink); font-family:Georgia,"Times New Roman",serif; line-height:1.65; }
main { width:min(780px,calc(100% - 40px)); margin:0 auto; padding:56px 0 80px; } nav { display:flex; flex-wrap:wrap; gap:10px 18px; padding-bottom:36px; border-bottom:1px solid var(--line); } a { color:#376C8A; text-decoration-color:rgba(55,108,138,.45); text-underline-offset:4px; text-decoration-thickness:1px; }
a:hover { color:#245E54; text-decoration-color:rgba(36,94,84,.55); } h1 { margin:38px 0 10px; font-size:clamp(42px,8vw,72px); line-height:.98; letter-spacing:-.04em; } h2 { margin-top:38px; font-size:25px; } p,li { font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } .eyebrow { color:var(--accent); font:700 12px/1.2 ui-sans-serif,sans-serif; letter-spacing:.16em; text-transform:uppercase; } .meta { color:var(--muted); } .card { margin-top:28px; padding:24px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.3); } footer { margin-top:54px; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); }