body.medlit-studio :is(#app#app,.modal.modal) .studio-account-actions {
  display:flex; align-items:center; justify-self:end; gap:8px; min-width:0;
}
body.medlit-studio :is(#app#app,.modal.modal) .announcement-bell {
  position:relative; display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px;
  padding:0; border:0; border-radius:50%; background:transparent; color:#6e6e73; cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
body.medlit-studio :is(#app#app,.modal.modal) .announcement-bell:hover { background:#f5f5f7; color:#1d1d1f; }
body.medlit-studio :is(#app#app,.modal.modal) .announcement-bell:active { transform:scale(.94); }
body.medlit-studio :is(#app#app,.modal.modal) .announcement-bell:focus-visible { outline:2px solid #0071e3; outline-offset:2px; }
body.medlit-studio :is(#app#app,.modal.modal) .announcement-unread {
  position:absolute; top:-1px; right:-2px; display:grid; place-items:center; min-width:17px; height:17px; padding:0 4px;
  border:2px solid #fff; border-radius:9px; background:#ff3b30; color:#fff; font-size:8px; font-weight:750; line-height:1;
  opacity:0; transform:scale(.6); transition:opacity .18s ease,transform .18s ease;
}
body.medlit-studio :is(#app#app,.modal.modal) .announcement-bell.has-unread .announcement-unread { opacity:1; transform:scale(1); }

body.medlit-studio .announcement-modal { z-index:240!important; }
body.medlit-studio .announcement-modal .announcement-card {
  width:760px!important; max-width:calc(100vw - 40px)!important; padding:0!important; overflow:hidden!important;
}
body.medlit-studio .announcement-head {
  display:grid; grid-template-columns:42px minmax(0,1fr) 32px; align-items:center; gap:12px;
  padding:22px 24px 18px; border-bottom:1px solid #e9e9eb;
}
body.medlit-studio .announcement-symbol {
  display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#eef5ff; color:#0071e3;
}
body.medlit-studio .announcement-back {
  display:grid; place-items:center; width:42px; height:42px; padding:0; border:0; border-radius:13px;
  background:#f5f5f7; color:#323238; cursor:pointer;
}
body.medlit-studio .announcement-head>div:nth-child(2) { display:flex; flex-direction:column; gap:3px; min-width:0; }
body.medlit-studio .announcement-head span { color:#1d1d1f; font-size:13px; font-weight:650; }
body.medlit-studio .announcement-head time { color:#86868b; font-size:11px; }
body.medlit-studio .announcement-close {
  display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:50%;
  background:#f5f5f7; color:#6e6e73; font-size:21px; font-weight:300; line-height:1; cursor:pointer;
}
body.medlit-studio .announcement-layout { display:grid; grid-template-columns:270px minmax(0,1fr); min-height:360px; max-height:55vh; }
body.medlit-studio .announcement-list { overflow:auto; padding:10px; border-right:1px solid #ececee; background:#fafafa; }
body.medlit-studio .announcement-list-item {
  position:relative; display:block; width:100%; padding:14px; border:0; border-radius:13px; background:transparent;
  color:#1d1d1f; text-align:left; cursor:pointer;
}
body.medlit-studio .announcement-list-item:hover { background:#f0f0f2; }
body.medlit-studio .announcement-list-item.is-active { background:#fff; box-shadow:0 1px 8px #0000000c; }
body.medlit-studio .announcement-list-item.is-unread::before {
  content:""; position:absolute; top:18px; right:13px; width:7px; height:7px; border-radius:50%; background:#ff3b30;
}
body.medlit-studio .announcement-list-item>span { display:flex; align-items:center; gap:7px; padding-right:10px; }
body.medlit-studio .announcement-list-item i { color:#0071e3; font-size:10px; font-style:normal; font-weight:650; }
body.medlit-studio .announcement-pin {
  display:inline-flex; margin-right:5px; padding:2px 5px; border-radius:4px; background:#fff0e8;
  color:#d14b10; font-size:8px; font-style:normal; font-weight:750; line-height:1.2; vertical-align:1px;
}
body.medlit-studio .announcement-list-item time { color:#99999f; font-size:9px; }
body.medlit-studio .announcement-list-item strong { display:block; margin-top:7px; padding-right:8px; font-size:13px; line-height:1.45; }
body.medlit-studio .announcement-list-item small {
  display:-webkit-box; margin-top:5px; overflow:hidden; color:#7a7a81; font-size:10px; line-height:1.55;
  -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
body.medlit-studio .announcement-body { overflow:auto; padding:34px 32px 30px; }
body.medlit-studio .announcement-body-meta { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
body.medlit-studio .announcement-body-meta span { color:#0071e3; font-size:11px; font-weight:650; }
body.medlit-studio .announcement-body-meta time { color:#929298; font-size:10px; }
body.medlit-studio .announcement-body h2 { margin:0 0 13px!important; color:#1d1d1f; font-size:27px!important; line-height:1.2!important; }
body.medlit-studio .announcement-body p { margin:0; color:#6e6e73; font-size:13px; line-height:1.85; }
body.medlit-studio .announcement-body p:last-child { white-space:pre-line; }
body.medlit-studio .announcement-body .announcement-summary { margin-bottom:14px; color:#303036; font-size:15px; font-weight:550; line-height:1.7; }

@media(max-width:768px) {
  body.medlit-studio #app#app .mobile-appbar-actions { display:flex; align-items:center; justify-self:end; gap:3px; min-width:0; }
  body.medlit-studio #app#app .mobile-appbar-actions .announcement-bell { flex-basis:32px; width:32px; height:32px; }
  body.medlit-studio .modal.announcement-modal { padding:0!important; align-items:flex-end!important; }
  body.medlit-studio .modal.announcement-modal .modal-card.announcement-card {
    width:100%!important; max-width:none!important; min-height:min(620px,88dvh)!important; max-height:88dvh!important;
    margin:0!important; border-radius:24px 24px 0 0!important;
  }
  body.medlit-studio .announcement-head { padding:16px 18px 14px; }
  body.medlit-studio .announcement-symbol,
  body.medlit-studio .announcement-back { width:38px; height:38px; border-radius:12px; }
  body.medlit-studio .announcement-layout { display:block; min-height:0; max-height:calc(88dvh - 69px); }
  body.medlit-studio .announcement-list {
    height:calc(88dvh - 69px); max-height:none; padding:14px 14px calc(24px + env(safe-area-inset-bottom));
    border:0; background:#f5f5f7;
  }
  body.medlit-studio .announcement-list-item {
    margin-bottom:9px; padding:16px 17px; border:1px solid #ececef; border-radius:16px; background:#fff;
  }
  body.medlit-studio .announcement-list-item:hover,
  body.medlit-studio .announcement-list-item.is-active { background:#fff; box-shadow:none; }
  body.medlit-studio .announcement-list-item strong { margin-top:7px; font-size:14px; line-height:1.5; }
  body.medlit-studio .announcement-list-item small { margin-top:6px; font-size:11px; line-height:1.55; -webkit-line-clamp:2; }
  body.medlit-studio .announcement-list-item.is-unread::before { top:18px; right:16px; }
  body.medlit-studio .announcement-body {
    height:calc(88dvh - 69px); padding:30px 22px calc(34px + env(safe-area-inset-bottom)); background:#fff;
  }
  body.medlit-studio .announcement-body h2 { margin-bottom:18px!important; font-size:26px!important; line-height:1.25!important; }
  body.medlit-studio .announcement-body p { font-size:14px; line-height:1.9; }
  body.medlit-studio .announcement-body .announcement-summary { margin-bottom:18px; font-size:16px; line-height:1.75; }
  body.medlit-studio .announcement-modal.is-list-view .announcement-body { display:none; }
  body.medlit-studio .announcement-modal.is-detail-view .announcement-list { display:none; }
}

@media(prefers-reduced-motion:reduce) {
  body.medlit-studio :is(#app#app,.modal.modal) .announcement-bell,
  body.medlit-studio :is(#app#app,.modal.modal) .announcement-unread { transition:none; }
}