.join-discovery,.join-more,.join-hub,.join-teaser{--join-ink:#203b2e;--join-green:#245d3d;box-sizing:border-box;color:var(--join-ink);font-family:"Zen Maru Gothic",system-ui,sans-serif;line-height:1.8;overflow-wrap:anywhere}
.join-discovery *,.join-hub *,.join-more *{box-sizing:border-box}
.join-discovery{max-width:1120px;margin:36px auto;padding:28px;background:#f3f7ef;border:1px solid #c9d9c3;border-radius:16px}
.join-discovery--quiet{padding:22px;max-width:820px}
.join-more{max-width:820px;margin:24px auto;text-align:center;padding:18px;background:#f3f7ef;border-radius:12px}
.join-hub{max-width:1200px;margin:0 auto 48px;padding:0 16px}
.join-hub__intro{max-width:800px;margin:24px 0 30px}
body[data-design] .join-hub h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.5;color:#245d3d}
body[data-design] .join-discovery h2,body[data-design] .join-hub h2{padding:0;border:0;background:none;color:#245d3d;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.6;margin:4px 0 14px}
body[data-design] .join-card h3{padding:0;border:0;color:#203b2e;font-size:1.12rem;line-height:1.65;margin:0 0 12px;background:none}
.join-kicker{font-weight:900;font-size:.85rem;color:#3b6540;letter-spacing:.06em;margin:0}
.join-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin:22px 0}
.join-card{display:flex;flex-direction:column;min-width:0;padding:22px;background:#fff;border:1px solid #c8d6c3;border-radius:12px}
.join-card__state{margin:0 0 10px;font-size:.8rem;font-weight:700;color:#355e38}
.join-card__benefit{font-size:.95rem;margin:0 0 18px}
.join-card dl{margin:0 0 14px;font-size:.88rem}
.join-card dl>div{display:grid;grid-template-columns:5.4em minmax(0,1fr);gap:6px;padding:7px 0;border-top:1px solid #e3e9df}
.join-card dt{font-weight:700;color:#36513c}.join-card dd{margin:0}
.join-card details{font-size:.88rem;margin:0 0 18px}.join-card summary{cursor:pointer;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:3px;font-weight:700}.join-card details p{margin:10px 0}
.join-card__links{margin-top:auto;display:grid;gap:12px}
body[data-design] .join-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;max-width:100%;padding:11px 18px;border:2px solid #245d3d;border-radius:8px;background:#245d3d;color:#fff;font:700 1rem/1.5 "Zen Maru Gothic",system-ui,sans-serif;text-decoration:none;white-space:normal;cursor:pointer;text-align:center}
body[data-design] .join-button:hover{background:#174c2e;color:#fff}body[data-design] .join-button--outline{background:#fff;color:#245d3d}.join-text-link{text-align:center;padding:8px}
.join-note{font-size:.8rem;color:#4c5f50;line-height:1.8}
.join-teaser{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 18px;padding:12px 16px;border:1px solid #c9d9c3;background:#f3f7ef;border-radius:8px;margin:0 0 24px;font-size:.9rem}.join-teaser a{padding:4px 0;min-height:36px;display:inline-flex;align-items:center;color:#245d3d;font-weight:700}
.join-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;background:#f3f7ef;padding:22px;border-radius:12px;border:1px solid #c9d9c3}.join-filters label{display:grid;gap:6px;flex:1 1 170px;font-weight:700;font-size:.9rem}.join-filters input,.join-filters select{width:100%;min-width:0;min-height:48px;border:1px solid #829b7e;background:#fff;border-radius:6px;padding:9px;font:inherit;color:#203b2e}.join-filters>a{padding:10px 0}.join-results{margin:22px 0 8px}.join-empty{padding:24px;background:#f3f7ef;border-radius:12px}
.join-discovery a:focus-visible,.join-hub a:focus-visible,.join-hub :is(input,select,button):focus-visible,.join-card summary:focus-visible,.join-teaser a:focus-visible,.join-more a:focus-visible{outline:3px solid #d28b00;outline-offset:4px}
@media(max-width:520px){.join-discovery{padding:18px 14px;margin:28px 0}.join-card{padding:18px}.join-hub{padding:0}.join-filters{padding:16px}.join-filters label,.join-filters button{flex-basis:100%}.join-grid{gap:14px}.join-more{padding:16px}.join-teaser{padding:10px 12px}}
@media print{.join-discovery,.join-more,.join-teaser,.join-hub{display:none!important}}