:root{color:#19342e;background:#f6f4ee;font-family:"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0}
main{width:min(1320px,100% - 32px);margin:auto;padding:38px 0 56px}
header{background:#153e32;color:#fff;border-radius:20px;padding:clamp(25px,5vw,64px)}
.context{color:#dbefbd;font-weight:650;letter-spacing:.06em}
h1{font-family:Georgia,serif;font-size:clamp(36px,6vw,72px);font-weight:500;margin:12px 0}
p{margin:0;line-height:1.6}
nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
nav a{color:inherit;text-decoration:none;border:1px solid #cbd5c8;border-radius:8px;padding:9px 13px;background:#fff}
nav a:hover,nav a:focus-visible{background:#def0ce}
section{margin:18px 0;background:white;border:1px solid #dbe0d6;border-radius:14px;padding:clamp(12px,2vw,24px)}
h2{font-size:clamp(16px,2vw,22px);margin:0 0 14px}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2vw,22px)}
figure{margin:0;min-width:0;background:#f1f3ef;border-radius:8px;overflow:hidden}
figcaption{font-weight:650;padding:10px 12px;font-size:14px}
figure a{display:block;cursor:zoom-in}img{width:100%;height:auto;display:block}