.ak-announcement {
box-sizing: border-box; border: 1px solid #e2e8f0; border-radius: var(--ui-radius); padding: 0; width: min(680px,calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 40px); color: #263b50; background: #fff; box-shadow: 0 24px 90px #071a3659; font-family:var(--ui-font-family);font-size:var(--ui-text-section-size);font-weight:var(--ui-font-regular);line-height:var(--ui-text-section-line); overflow: hidden;
}
.ak-announcement::backdrop {
background: rgba(9,21,36,.78);
}
.ak-announcement[open] {
display: flex; flex-direction: column;
}
.ak-announcement .ak-announcement-header {
padding: 26px 30px 18px; border-bottom: 1px solid #e7edf3; flex: none; background: #f7faff;
}
.ak-announcement .ak-announcement-eyebrow {
font-size:var(--ui-text-help-size); font-weight:var(--ui-font-emphasis); letter-spacing: 1.5px; color: #3d6d96; text-transform: uppercase;
}
.ak-announcement .ak-announcement-title {
font-size:var(--ui-text-title-size); line-height:var(--ui-text-title-line); letter-spacing: 0; color: #1f3b55; margin: 8px 0; overflow-wrap: anywhere; font-weight:var(--ui-font-emphasis);
}
.ak-announcement .ak-announcement-date {
font-size:var(--ui-text-help-size); color: #6c7e90;
}
.ak-announcement .ak-announcement-body {
white-space: pre-wrap; overflow-wrap: anywhere; overflow-y: auto; min-height: 0; padding: 24px 30px; color: #33495e; line-height:var(--ui-text-body-line); overscroll-behavior: contain;
}
.ak-announcement .ak-announcement-footer {
display: flex; gap: 16px; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 18px 30px; border-top: 1px solid #e7edf3; flex: none;
}
.ak-announcement .ak-announcement-hint {
font-size:var(--ui-text-help-size); color: #63788c; flex: 1; min-width: 140px;
}
.ak-announcement button {
font-family:var(--ui-font-family);font-size:var(--ui-text-body-size);font-weight:var(--ui-font-emphasis);line-height:var(--ui-text-body-line); --ui-control-border: 0; --ui-control-background: #214e77; --ui-control-color: #fff;
}
.ak-announcement .ak-announcement-body:focus-visible {
outline: 3px solid #67b5e5; outline-offset: 3px;
}
.ak-announcement .ak-announcement-error {
color: #9d2525; font-size:var(--ui-text-help-size); padding: 0 30px 14px; flex: none;
}
.ak-announcement .ak-announcement-error:empty {
display: none;
}
.ak-announcement button.ak-announcement-secondary {
--ui-control-background: #edf2f6; --ui-control-color: #284b6a;
}
.announcement-compose {
margin-bottom: 18px;
}
.announcement-compose .field {
margin-bottom: 18px;
}
.announcement-compose textarea {
box-sizing: border-box; width: 100%; min-height: 190px; resize: vertical; font: inherit; line-height:var(--ui-text-body-line); padding: 12px; border: 1px solid #d8e1ea; border-radius: var(--ui-radius); color: inherit; background: #fff;
}
.announcement-compose .panel-body {
max-width: 880px;
}
.announcement-cards {
display: grid; gap: 12px; padding: 18px;
}
.announcement-card {
border: 1px solid #e0e8ee; border-radius: var(--ui-radius); padding: 16px 18px; background: #fbfcfe;
}
.announcement-card h3 {
margin: 0; font-size:var(--ui-text-section-size); overflow-wrap: anywhere;
}
.announcement-card p {
font-size:var(--ui-text-help-size); color: #61758a; margin: 8px 0;
}
.announcement-card .announcement-actions {
display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
}
.announcement-card .announcement-snippet {
white-space: pre-wrap; overflow-wrap: anywhere; color: #33495e;
}
@media(max-width:520px) {
.ak-announcement .ak-announcement-header {
padding: 18px 20px;
}
.ak-announcement .ak-announcement-body {
padding: 18px 20px;
}
.ak-announcement .ak-announcement-footer {
padding: 16px 20px; gap: 12px;
}
.ak-announcement .ak-announcement-title {
font-size:var(--ui-text-section-size);
}
.ak-announcement .ak-announcement-footer button {
width: 100%;
}
.ak-announcement .ak-announcement-error {
padding: 0 20px 12px;
}
}