.community-account{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.community-button,.community-google{font:inherit;font-size:12px;font-weight:600;border:1px solid #e7e7e7;border-radius:10px;background:#fff;color:#242424;padding:9px 12px;cursor:pointer;text-decoration:none}.community-button:hover{background:#f5f5f5}.community-button:focus-visible,.community-google:focus-visible{outline:2px solid #d7193f;outline-offset:3px}.community-button:disabled{opacity:.55;cursor:wait}.community-name{font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-actions{display:flex;gap:8px;margin-top:12px}.community-actions button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;background:#fafafa}.community-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.community-actions [aria-pressed=true]{background:#fff0f3;color:#ba1737;border-color:#f2b4c1}.community-actions [aria-pressed=true] svg{fill:currentColor}.detail-heading .community-actions{max-width:290px}.community-dialog{width:min(560px,calc(100vw - 32px));max-height:80vh;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:20px;padding:24px;color:#202020;box-shadow:0 24px 100px #0003}.community-dialog::backdrop{background:#0005}.community-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.community-dialog h2{font-size:20px;margin:0}.community-dialog p{font-size:14px;line-height:1.65}.community-google{display:block;text-align:center;margin-top:20px;padding:13px}.saved-case{border-top:1px solid #eee;padding:16px 0}.saved-case>a{color:inherit;font-size:15px;font-weight:600;text-decoration:none}.saved-case>a:hover{text-decoration:underline}.community-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 18px;max-width:min(480px,85vw);border-radius:12px;background:#242424;color:white;font-size:13px;z-index:10000;opacity:0;pointer-events:none;transition:opacity .15s}.community-toast.visible{opacity:1}.topbar,.static-topbar{flex-wrap:wrap}@media(max-width:1000px){.community-account{width:100%;justify-content:flex-end;padding-bottom:8px}}@media(max-width:480px){.community-account{justify-content:flex-start}.community-dialog{padding:18px}.community-name{max-width:70px}}

.community-legal{display:flex;justify-content:center;gap:24px;padding:24px;font-size:12px}.community-legal a{color:#666;text-decoration:underline}

/* A single Like saves the case. Keep media controls and links separate. */
.community-media{position:relative;min-width:0}
.community-media>.community-actions{position:absolute;top:12px;right:12px;z-index:3;margin:0;opacity:0;pointer-events:none;transition:opacity .15s ease}
.community-media:hover>.community-actions,.community-media:has(:focus-visible)>.community-actions{opacity:1;pointer-events:auto}
.community-media>.community-actions button{flex:none;border:0;border-radius:999px;background:#fff;color:#222;padding:11px 15px;font-size:14px;box-shadow:0 2px 12px #0002}
.community-media>.community-actions [aria-pressed=true]{background:#d7193f;color:#fff}
.community-media>.community-actions button:hover{background:#eee}
.community-media>.community-actions [aria-pressed=true]:hover{background:#b41333}
.saved-case .community-actions{max-width:150px}
@media(hover:none){.community-media>.community-actions{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.community-media>.community-actions{transition:none}}

.community-legal{flex-wrap:wrap;row-gap:12px}