@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');
:root{
--color-bg:#f7f2e9;--color-text:#221e19;--color-accent:#1f3a5f;--color-accent-300:#4a679a;--color-accent-900:#e7ddc9;
--color-neutral-700:#d6cdba;--color-neutral-900:#efe8d8;
--color-section:#efe7d5;--color-section-glow:#e6d9bd;--color-divider:#d6cdba;
--font-heading:'Archivo',sans-serif;--font-heading-weight:600;
--space-3:12px;--space-4:16px;--radius-md:4px;
}
body{font-family:'Source Serif 4',Georgia,serif;color:var(--color-text);font-size:16px}
::selection{background:rgba(31,58,95,0.14)}
a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:20px;border-bottom:1px solid var(--color-neutral-700);background:var(--color-bg)}
.nav-brand{font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;margin-right:auto}
.nav a{font-family:var(--font-heading);font-size:13.5px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;text-decoration:none;color:#6f6754}
.nav a:hover{color:var(--color-accent)}
.btn{display:inline-block;font-family:var(--font-heading);font-size:14px;font-weight:600;letter-spacing:0.02em;text-decoration:none;padding:12px 24px;border-radius:3px;border:1.5px solid transparent;line-height:1.2}
.btn-primary{background:var(--color-text);color:var(--color-bg)}
.btn-primary:hover{background:#3a332a;color:var(--color-bg)}
.nav .btn-primary{padding:9px 18px;color:var(--color-bg)}
.btn-secondary{border-color:var(--color-text);color:var(--color-text)}
.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}
.btn-ghost{color:var(--color-text)}
.btn-ghost:hover{color:var(--color-accent)}
.tag{font-family:var(--font-heading);font-size:12px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;padding:4px 10px;border-radius:3px;white-space:nowrap}
.tag-neutral{border:1px solid var(--color-neutral-700);color:#6f6754;background:#fdfaf2}
.card{background:#fdfaf2;border:1px solid var(--color-neutral-700);border-radius:4px;padding:24px;box-sizing:border-box}
.card-kicker{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-accent);margin:0 0 10px}
.card-title{font-family:var(--font-heading);font-size:18px;font-weight:600;line-height:1.35;margin:0 0 10px}
.card-body{font-size:15px;line-height:1.65;margin:0;color:#54503f}
.table{border-collapse:collapse;font-size:15px}
.table th{font-family:var(--font-heading);font-size:12.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;text-align:left;padding:12px 20px 12px 0;border-bottom:2px solid var(--color-text);color:#6f6754}
.table td{padding:14px 20px 14px 0;border-bottom:1px solid var(--color-neutral-700);line-height:1.6;vertical-align:top}
.lighten{display:block}
.zoom-overlay{display:none;position:fixed;inset:0;z-index:50;background:rgba(22,19,14,0.88);overflow:auto;padding:40px 24px;cursor:zoom-out}
.zoom-overlay:target{display:block}
.zoom-overlay img{width:165%;max-width:1800px;display:block;margin:0 auto;border-radius:4px}
@media(max-width:800px){.zoom-overlay img{width:270%}}
