/* The Website card on the Event dashboard, drawn by
   app/event-website-visibility.js, in her event page playground's look
   (2 Nov 2026, style "new"): soft rows, a switch per row, Copy and Open ↗
   as pill buttons with the address only on hover. Minimised it shows the
   homepage switch and two link rows; Show draws every switch and the
   Event landing page part (Featured workgroups). Loaded after
   event-dashboard-view.css; it reuses that sheet's block and heading. */
.event-website-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:8px;padding:10px 14px;border-radius:16px;background:#f6f6f3}
.event-website-row:last-child{margin-bottom:0}
.event-website-switch{position:relative;display:inline-flex;align-items:center;gap:10px;flex:1 1 220px;min-width:0;margin:0;cursor:pointer}
.event-website-switch input{position:absolute;opacity:0;pointer-events:none}
.event-website-track{position:relative;flex:none;width:36px;height:21px;border-radius:999px;background:#c9c9cf;transition:background-color .15s}
.event-website-track::after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .15s}
.event-website-switch input:checked+.event-website-track{background:#2f7a52}
.event-website-switch input:checked+.event-website-track::after{transform:translateX(15px)}
.event-website-switch input:focus-visible+.event-website-track{outline:2px solid var(--accent);outline-offset:2px}
.event-website-switch input:disabled+.event-website-track{opacity:.6}
.event-website-switch input:disabled~.event-website-label{cursor:default}
.event-website-label{font:500 14px/1.3 "Bricolage Grotesque",sans-serif;color:var(--ink)}
.event-website-label small{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:400}
.event-website-linkrow .event-website-label{flex:1 1 auto}
.event-website-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto}
.event-website-soon{color:#9a6817;font:italic 400 12.5px/1.3 "Bricolage Grotesque",sans-serif;white-space:nowrap}
.event-website-button{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:500 12.5px/1 "Bricolage Grotesque",sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.event-website-button:hover{border-color:var(--ink)}
.event-website-block .event-dashboard-block-note .button{white-space:nowrap}
.event-website-sub{margin:14px 0 8px;color:var(--ink);font:600 15px/1.3 "Poppins",sans-serif}
.event-website-block .event-featured-block{padding:10px 14px;border-radius:16px;background:#f6f6f3}