@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300&family=Inter:wght@300;400;500&display=swap");

:root { --paper: #f6f4f0; --ink: #1a1a1a; --muted: #8a8782; --serif: "Cormorant Garamond", Georgia, serif; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 300 15px/1.65 "Inter", sans-serif; }
header { display: flex; justify-content: space-between; align-items: center; padding: 34px clamp(20px, 8.3vw, 120px); font-size: 12px; }
a { color: inherit; }
header a { text-decoration: none; }
.logo { font-size: 17px; font-weight: 500; letter-spacing: -0.04em; }
.logo span { color: #a0988c; }
main { max-width: 760px; margin: 0 auto; padding: 8vh 20px 16vh; }
.eyebrow { margin: 0 0 20px; color: var(--muted); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; }
h1 { margin: 0 0 8vh; font: 300 clamp(48px, 7vw, 86px)/0.9 var(--serif); letter-spacing: -0.05em; }
h2 { margin: 56px 0 12px; font: 300 30px/1.1 var(--serif); letter-spacing: -0.02em; }
p, li { margin: 0 0 12px; }
ul, ol { padding-left: 20px; }
h1 { overflow-wrap: anywhere; }
.fill { padding: 0 4px; background: #f1dfb6; font-weight: 400; }
.fill.conflict { background: #f3c9cf; }
.table-wrap { margin: 0 0 18px; overflow-x: auto; }
table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 13px; line-height: 1.5; }
th, td { padding: 10px 12px 10px 0; border-bottom: 1px solid #d9d5cd; text-align: left; vertical-align: top; }
th { color: var(--muted); font-size: 10px; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; }
footer a { color: inherit; }
.note { margin: 0 0 6vh; padding: 16px 18px; border-left: 2px solid #c9b79c; color: #5d5a55; background: #efebe3; font-size: 13px; }
.form { padding: 20px; border: 1px solid #c8c4bd; }
footer { padding: 40px clamp(20px, 8.3vw, 120px); color: #656565; background: #0e0e0e; font-size: 11px; }