*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#e8f5e9;color:#1b5e20;font-family:Georgia,serif;line-height:1.75}
.circles{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px;background:#fff;border-bottom:4px solid #4caf50}
.circles a{width:72px;height:72px;border-radius:50%;background:#c8e6c9;color:#1b5e20;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:.65rem;text-align:center;line-height:1.1;font-family:"Segoe UI",sans-serif}
.circles a.on{background:#2e7d32;color:#fff}
.pitch{max-width:700px;margin:0 auto;padding:32px 20px 80px}
.card{background:#fff;padding:24px;margin:0 0 20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;margin:0 0 16px;color:#1b5e20;font-weight:normal}
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.2em}
img{width:100%;height:auto;display:block;margin:14px 0;border-radius:8px}
.cap{color:#558b2f;font-size:.84rem;margin:-6px 0 16px;font-style:italic}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.duo img{margin:0}
table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:.92rem}
th,td{border-bottom:1px solid #e0e0e0;padding:8px 6px;text-align:left}
th{color:#2e7d32}
.note{background:#f1f8e9;padding:14px;margin:18px 0;font-size:.9rem;border-left:4px solid #4caf50}
.end{color:#558b2f;font-size:.88rem}
a{color:#2e7d32}
@media(max-width:640px){.duo{grid-template-columns:1fr}.circles a{width:60px;height:60px;font-size:.6rem}}