*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#f1f8e9;color:#1b5e20;font-family:Georgia,serif;line-height:1.75}
header.green{background:#fff;padding:14px 28px;display:flex;align-items:center;gap:14px;border-bottom:3px solid #4caf50;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.logo{width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid #4caf50;flex-shrink:0}
.logo img{width:100%;height:100%;object-fit:cover}
header.green h1{font-size:1.35rem;font-weight:500;margin:0;color:#1b5e20}
header.green p{font-size:.75rem;color:#558b2f;margin:2px 0 0}
nav.fair{background:#e8f5e9;display:flex;justify-content:center;gap:4px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #c8e6c9}
nav.fair a{color:#1b5e20;text-decoration:none;padding:7px 14px;font-size:.8rem;border-radius:20px}
nav.fair a.on{background:#4caf50;color:#fff}
main{max-width:720px;margin:0 auto;padding:32px 20px 70px}
h2{font-size:1.15rem;margin:28px 0 12px;color:#2e7d32;font-weight:normal}
p,li{margin:0 0 14px}
ul{margin:0 0 14px 1.3em}
img{width:100%;height:auto;display:block;margin:14px 0;border-radius:6px}
.cap{color:#689f38;font-size:.8rem;margin:-6px 0 16px}
.quad{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.quad img{margin:0}
table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:.9rem;background:#fff}
th,td{border-bottom:1px solid #e0e0e0;padding:8px 6px;text-align:left}
th{color:#2e7d32}
.note{background:#fff;padding:14px;margin:18px 0;border-left:4px solid #4caf50;font-size:.9rem}
footer.soft{background:#1b5e20;color:#c8e6c9;padding:28px 20px 18px;font-size:.85rem}
.f3{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
footer.soft a{color:#a5d6a7;text-decoration:none}
footer.soft h3{color:#fff;font-size:.9rem;margin:0 0 8px}
.end{color:#689f38;font-size:.82rem}
a{color:#2e7d32}
@media(max-width:700px){.quad,.f3{grid-template-columns:1fr}}