.personal-announcements{width:100%;max-width:1100px;display:grid;gap:14px;margin-inline:auto}.personal-announcement{overflow:visible;margin:0}.personal-announcement>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 22px;list-style:none}.personal-announcement>summary::-webkit-details-marker{display:none}.personal-announcement>summary strong{display:block;font-size:15px}.personal-announcement>summary small{display:block;color:var(--muted);margin-top:6px}.personal-announcement>summary>.icon{transition:transform .15s;flex:none}.personal-announcement[open]>summary>.icon{transform:rotate(90deg)}.personal-announcement-body{padding:0 22px 22px;border-top:1px solid var(--line)}.personal-announcement-body>.description{margin-top:16px}.personal-announcement-body>.field{margin-top:16px}.personal-announcement-body .vm-announcement-actions{min-width:0;max-width:850px}.personal-announcement-upload{max-width:850px}.personal-announcement summary:focus-visible{outline:2px solid var(--green);outline-offset:-3px;border-radius:12px}@media(max-width:600px){.personal-announcement>summary{padding:16px}.personal-announcement-body{padding:0 16px 16px}.personal-announcement-body .vm-announcement-actions{grid-template-columns:minmax(0,1fr) auto auto}}

/* Clear groups and compact source tools without changing announcement behaviour. */
.personal-announcements{max-width:1240px;gap:24px;margin-bottom:24px;min-width:0}
.personal-announcements-intro,.personal-announcements-note{color:var(--ui-muted,var(--muted));font-size:12px;line-height:1.65;margin:0}
.personal-announcements-note{padding:14px 16px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-soft)}
.personal-announcement-section{min-width:0}.personal-announcement-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}
.personal-announcement-section>header h2{margin:0;font-size:14px;font-weight:650;color:var(--ui-ink)}.personal-announcement-section>header>span{font-size:11px;color:var(--ui-muted)}
.personal-announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.personal-announcement-personal-section .personal-announcement-grid{grid-template-columns:minmax(0,1fr)}
.personal-announcements .personal-announcement{min-width:0;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel)}
.personal-announcements .personal-announcement>summary{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:18px;min-width:0;border-radius:12px}
.personal-announcements .personal-announcement>summary:hover{background:var(--ui-soft)}
.personal-announcement-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--ui-soft);color:var(--ui-accent)}.personal-announcement-mark .icon{width:20px;height:20px}
.personal-announcement-copy{min-width:0}.personal-announcement-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.personal-announcements .personal-announcement>summary strong{font-size:14px;line-height:1.5;font-weight:650;color:var(--ui-ink);overflow-wrap:anywhere}
.personal-announcement-state{display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:10px;font-weight:650;line-height:1.5;white-space:nowrap;background:var(--ui-soft);color:var(--ui-muted)}
.personal-announcements .personal-announcement>summary small{display:block;margin-top:8px;line-height:1.6;color:var(--ui-muted);overflow-wrap:anywhere}.personal-announcement-copy small>span{font-size:10px;display:block;color:var(--ui-muted)}.personal-announcement-copy small>b{font-size:12px;font-weight:500;color:var(--ui-ink)}
.personal-announcement-open :is(.personal-announcement-mark,.personal-announcement-state){background:#e7f0ff;color:#245fa4}.personal-announcement-closed :is(.personal-announcement-mark,.personal-announcement-state){background:#fbe9eb;color:#a63543}
html[data-theme="dark"] .personal-announcement-open :is(.personal-announcement-mark,.personal-announcement-state){background:#243e59;color:#b3d5ff}html[data-theme="dark"] .personal-announcement-closed :is(.personal-announcement-mark,.personal-announcement-state){background:#4a2f37;color:#ffc0c9}
.personal-announcement-chevron{display:grid;place-items:center;color:var(--ui-muted)}.personal-announcement-chevron>.icon{width:16px;height:16px;transition:transform .15s}.personal-announcement[open] .personal-announcement-chevron>.icon{transform:rotate(90deg)}
.personal-announcements .personal-announcement-body{padding:4px 18px 18px;border-top:1px solid var(--ui-line)}
.personal-announcement-field-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:18px 0 9px;font-size:12px;font-weight:600;color:var(--ui-ink)}.personal-announcement-field-heading small{font-size:10px;font-weight:400;color:var(--ui-muted)}
.personal-announcements .personal-announcement-controls{display:grid;grid-template-columns:36px 36px minmax(0,1fr);gap:8px;max-width:none;width:100%;align-items:center}
.personal-announcement-controls>:is(select,.announcement-picker){grid-column:1/-1;width:100%;min-width:0}
.personal-announcement-controls>.announcement-source-buttons{grid-column:3;justify-self:end;max-width:100%}
.personal-announcements .personal-announcement-controls .vm-audio-button{width:36px;min-width:36px;height:36px;min-height:36px;border:1px solid var(--ui-input-line);border-radius:8px;padding:7px;background:var(--ui-soft);color:var(--ui-ink)}
.personal-announcements .personal-announcement-controls .vm-audio-button:hover:not(:disabled){border-color:var(--ui-accent);background:var(--ui-selected);color:var(--ui-accent)}
.personal-announcement-command-legend{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-top:8px;font-size:10px;line-height:1.5;color:var(--ui-muted)}.personal-announcement-command-legend>span:last-child{text-align:right}
.personal-announcement-upload{max-width:none}
@media(max-width:1050px){.personal-announcement-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.personal-announcements{gap:20px}.personal-announcements .personal-announcement>summary{grid-template-columns:36px minmax(0,1fr) 16px;padding:14px;gap:10px}.personal-announcement-mark{width:36px;height:36px}.personal-announcements .personal-announcement-body{padding:2px 14px 14px}}