.community-block{width:min(100%,540px);margin:24px auto;display:grid;gap:20px;text-align:left}.sponsor-banner{display:block;color:#c4ccdc;text-decoration:none;border:1px solid #303849;border-radius:18px;overflow:hidden;background:#141820}.sponsor-label{display:block;padding:10px 16px;font-size:10px;letter-spacing:1.5px}.sponsor-image{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}.subscribe-card{padding:24px;border:1px solid #303849;border-radius:20px;background:#141820}.subscribe-card h2{margin:0 0 8px;font-size:22px}.subscribe-card>p{color:#aab6cc;line-height:1.5}.subscribe-card input[type=email]{width:100%;box-sizing:border-box;background:#0c1016;color:white;border:1px solid #343e50;padding:14px;border-radius:12px;font:inherit}.subscribe-card .toggle-field{font-size:13px;line-height:1.5}.subscribe-card>.quiet-button{display:block;margin-top:14px}.community-settings{border-top:1px solid #303849;margin-top:24px;padding-top:16px}.community-settings input[type=file]{max-width:100%;font-size:12px}.subscriber-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #303849}.subscriber-row span{overflow-wrap:anywhere;min-width:0}
.subscribe-shell{width:min(100%,420px);margin:0 auto;border:1px solid #ffffff16;border-radius:28px;background:linear-gradient(120deg,#ffffff08,#ffffff02);box-shadow:0 4px 24px #0002;overflow:hidden}.subscribe-trigger{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;list-style:none;min-height:40px}.subscribe-trigger::-webkit-details-marker{display:none}.subscribe-trigger::marker{content:''}.subscribe-trigger:focus-visible{outline:2px solid var(--accent,#00d4ed);outline-offset:-3px;border-radius:28px}.subscribe-symbol{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;color:var(--accent,#00d4ed);background:color-mix(in srgb,var(--accent,#00d4ed) 9%,transparent);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 16px color-mix(in srgb,var(--accent,#00d4ed) 8%,transparent);font-size:21px}.subscribe-copy{flex:1;min-width:0}.subscribe-title{display:block;color:#dee5ef;font-size:13px;font-weight:500;overflow-wrap:anywhere}.subscribe-action{padding:9px 12px;border-radius:20px;background:#ffffff09;color:#dce6ed;font-size:11px;white-space:nowrap}.subscribe-trigger:hover .subscribe-action{background:#ffffff14}.subscribe-shell[open] .subscribe-action{color:var(--accent,#00d4ed)}.subscribe-shell .subscribe-card{padding:0 20px 18px;border:0;border-radius:0;background:transparent}.subscribe-shell .subscribe-description{font-size:12px;margin:5px 0 16px;color:#8d9ab0;line-height:1.5}.subscribe-shell .field-label{font-size:11px}.subscribe-shell input[type=email]{padding:11px 13px;border-radius:18px;font-size:13px;background:#090d1280;border-color:#ffffff18}.subscribe-shell .toggle-field{font-size:11px;line-height:1.5;color:#9ca9bc;margin:12px 0}.subscribe-shell .primary-button{padding:10px 20px;border-radius:22px;font-size:12px;min-height:0}.subscribe-shell .field-help{font-size:10px;line-height:1.6;color:#8190a6;margin:12px 0 0}.subscribe-shell .quiet-button{font-size:10px;padding:0;color:#95a1b5}.subscribe-shell [role=status]:empty{display:none}@media(max-width:400px){.subscribe-trigger{gap:8px}.subscribe-action{padding:8px 10px}.subscribe-title{font-size:12px}}

/* Keep the resting signup control as small as the share action. */
.subscribe-shell{width:fit-content;max-width:100%;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.subscribe-trigger{justify-content:center;gap:8px;width:fit-content;min-height:40px;margin:0 auto;padding:0 18px;border:1px solid #ffffff24;border-radius:24px;background:#ffffff06;color:#dee5ef;font-size:13px;font-weight:500;box-sizing:border-box}
.subscribe-trigger:hover{border-color:var(--accent,#00d4ed);background:#ffffff0d}
.subscribe-symbol{width:auto;height:auto;flex:0 0 auto;border-radius:0;background:none;box-shadow:none;font-size:18px;color:var(--accent,#00d4ed)}
.subscribe-shell[open]{width:min(100%,380px)}
.subscribe-shell[open] .subscribe-symbol{transform:rotate(45deg)}
.subscribe-shell .subscribe-card{margin-top:14px;padding:20px;border:1px solid #ffffff18;border-radius:20px;background:#141820}
.subscribe-shell .subscribe-title{font-size:16px;margin:0 0 8px}