.tg-affiliate{margin:2rem 0 0;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid #365847;border-radius:1.25rem;background:#11261e;color:#f0fff5}
.tg-affiliate .tg-kicker{margin:0 0 .45rem;color:#8ef0b4;font-size:.8rem;font-weight:700;letter-spacing:.06em}
.tg-affiliate h3,.tg-affiliate h2{margin:0 0 .5rem;color:inherit}
.tg-affiliate p{margin:.4rem 0 1rem;color:#d0e5d8}
.tg-affiliate a.tg-button{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1rem;border-radius:.7rem;background:#86efa9;color:#102417;font-weight:750;text-decoration:none}
.tg-affiliate :focus-visible{outline:2px solid #fff;outline-offset:4px}
dialog.tg-affiliate{box-sizing:border-box;position:fixed;inset:auto 1rem 1rem auto;width:min(390px,calc(100vw - 2rem));max-width:none;margin:0;box-shadow:0 14px 45px #0005;z-index:1000}
dialog.tg-affiliate h2{padding-right:2.25rem;font-size:1.3rem}
.tg-dismiss{position:absolute;right:.65rem;top:.65rem;width:44px;height:44px;border:0;border-radius:.6rem;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}
.tg-dismiss:hover{background:#ffffff14}
@media(max-width:699px){dialog.tg-affiliate{display:none}}
.layout > .prose:has(> [data-tg-affiliate]){min-width:0}
.prose .tg-affiliate h2,.prose .tg-affiliate h3{margin:0 0 .5rem;color:inherit}