.rtm-notice-main {
    /*
     * RTM Notice component tokens.
     * Brand color and typography inherit the shared Barit theme contract;
     * geometry remains scoped here so list and detail views stay in lockstep.
     */
    --rtm-notice-color-ink: var(--tp-common-black-7);
    --rtm-notice-color-muted: var(--tp-grey-7);
    --rtm-notice-color-accent: var(--tp-theme-primary);
    --rtm-notice-color-surface: var(--tp-common-white);
    --rtm-notice-color-border: var(--tp-border-1);
    --rtm-notice-font-body: var(--tp-ff-body);
    --rtm-notice-font-heading: var(--tp-ff-dm);
    --rtm-notice-font-label: .75rem;
    --rtm-notice-font-meta: .875rem;
    --rtm-notice-font-status: .6875rem;
    --rtm-notice-font-date: .9375rem;
    --rtm-notice-font-list-date: var(--rtm-notice-font-meta);
    --rtm-notice-font-subject: 1.0625rem;
    --rtm-notice-font-body-copy: 1rem;
    --rtm-notice-font-section: 1.125rem;
    --rtm-notice-weight-strong: 700;
    --rtm-notice-leading-title: 1.08;
    --rtm-notice-leading-control: 1.2;
    --rtm-notice-leading-meta: 1.5;
    --rtm-notice-leading-reading: 1.85;
    --rtm-notice-tracking-title: -.04em;
    --rtm-notice-tracking-label: .08em;
    --rtm-notice-border-width: .0625rem;
    --rtm-notice-focus-width: .125rem;
    --rtm-notice-focus-offset: .1875rem;
    --rtm-notice-radius-card: 1.25rem;
    --rtm-notice-radius-pill: 999px;
    --rtm-notice-radius-round: 50%;
    --rtm-notice-motion-duration: .2s;
    --rtm-notice-motion-ease: ease;
    --rtm-notice-measure-title: 65rem;
    --rtm-notice-measure-copy: 47.5rem;
    --rtm-notice-column-number: 8.75rem;
    --rtm-notice-column-date: 10.625rem;
    --rtm-notice-control-min-height: 2.75rem;
    --rtm-notice-pagination-size: 2.5rem;
    --rtm-notice-content-min-height: 16.25rem;
    --rtm-notice-content-padding-fluid: 5vw;
    --rtm-notice-header-gap: 2rem;
    --rtm-notice-header-margin: 3rem;
    --rtm-notice-eyebrow-margin: .9375rem;
    --rtm-notice-intro-margin: 1.125rem;
    --rtm-notice-actions-gap: 1rem;
    --rtm-notice-actions-offset: .125rem;
    --rtm-notice-control-padding-inline: 1.125rem;
    --rtm-notice-back-gap: .5rem;
    --rtm-notice-back-margin: 2.875rem;
    --rtm-notice-cell-padding-block: 1.375rem;
    --rtm-notice-cell-padding-inline: 1.75rem;
    --rtm-notice-status-offset: .625rem;
    --rtm-notice-empty-padding-block: 4.5rem;
    --rtm-notice-empty-padding-inline: 1.75rem;
    --rtm-notice-pagination-margin: 2.25rem;
    --rtm-notice-pagination-padding: .5rem;
    --rtm-notice-view-header-margin: 2.5rem;
    --rtm-notice-content-padding-min: 1.75rem;
    --rtm-notice-content-padding-max: 4.5rem;
    --rtm-notice-attachments-margin: 1.25rem;
    --rtm-notice-attachments-padding: 1.75rem;
    --rtm-notice-attachments-heading-margin: .75rem;
    --rtm-notice-attachments-list-indent: 1.25rem;
    color: var(--rtm-notice-color-ink);
    font-family: var(--rtm-notice-font-body);
}

.rtm-notice-section {
    position: relative;
}

.rtm-notice-board,
.rtm-notice-view {
    width: 100%;
}

.rtm-notice-board__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--rtm-notice-header-gap);
    align-items: end;
    margin-bottom: var(--rtm-notice-header-margin);
}

.rtm-notice-board__heading {
    min-width: 0;
}

.rtm-notice-board__eyebrow {
    margin: 0 0 var(--rtm-notice-eyebrow-margin);
    color: var(--rtm-notice-color-accent);
}

.rtm-notice-board__title,
.rtm-notice-view__title {
    max-width: var(--rtm-notice-measure-title);
    margin: 0;
    font-family: var(--rtm-notice-font-heading);
    line-height: var(--rtm-notice-leading-title);
    letter-spacing: var(--rtm-notice-tracking-title);
}

.rtm-notice-board__intro,
.rtm-notice-view__date {
    max-width: var(--rtm-notice-measure-copy);
    margin: var(--rtm-notice-intro-margin) 0 0;
    color: var(--rtm-notice-color-muted);
}

.rtm-notice-board__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--rtm-notice-actions-gap);
    padding-bottom: var(--rtm-notice-actions-offset);
    color: var(--rtm-notice-color-muted);
    font-size: var(--rtm-notice-font-meta);
    white-space: nowrap;
}

.rtm-notice-board__write,
.rtm-notice-view__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--rtm-notice-control-min-height);
    padding: 0 var(--rtm-notice-control-padding-inline);
    border: var(--rtm-notice-border-width) solid var(--rtm-notice-color-ink);
    border-radius: var(--rtm-notice-radius-pill);
    color: var(--rtm-notice-color-ink);
    font-weight: var(--rtm-notice-weight-strong);
    line-height: var(--rtm-notice-leading-control);
    text-decoration: none;
    transition:
        background-color var(--rtm-notice-motion-duration) var(--rtm-notice-motion-ease),
        color var(--rtm-notice-motion-duration) var(--rtm-notice-motion-ease),
        border-color var(--rtm-notice-motion-duration) var(--rtm-notice-motion-ease);
}

.rtm-notice-view__back {
    gap: var(--rtm-notice-back-gap);
    margin-bottom: var(--rtm-notice-back-margin);
}

.rtm-notice-board__write:hover,
.rtm-notice-board__write:focus-visible,
.rtm-notice-view__back:hover,
.rtm-notice-view__back:focus-visible {
    border-color: var(--rtm-notice-color-accent);
    background: var(--rtm-notice-color-accent);
    color: var(--rtm-notice-color-surface);
}

.rtm-notice-board__write:focus-visible,
.rtm-notice-view__back:focus-visible,
.rtm-notice-board__subject a:focus-visible,
.rtm-notice-view__attachments a:focus-visible {
    outline: var(--rtm-notice-focus-width) solid var(--rtm-notice-color-accent);
    outline-offset: var(--rtm-notice-focus-offset);
}

.rtm-notice-board__table-wrap,
.rtm-notice-view__content,
.rtm-notice-view__attachments {
    overflow: hidden;
    border: var(--rtm-notice-border-width) solid var(--rtm-notice-color-border);
    border-radius: var(--rtm-notice-radius-card);
    background: var(--rtm-notice-color-surface);
}

.rtm-notice-board__table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.rtm-notice-board__table th,
.rtm-notice-board__table td {
    padding: var(--rtm-notice-cell-padding-block) var(--rtm-notice-cell-padding-inline);
    border-bottom: var(--rtm-notice-border-width) solid var(--rtm-notice-color-border);
    text-align: left;
    vertical-align: middle;
}

.rtm-notice-board__table th {
    color: var(--rtm-notice-color-muted);
    font-size: var(--rtm-notice-font-label);
    font-weight: var(--rtm-notice-weight-strong);
    letter-spacing: var(--rtm-notice-tracking-label);
    text-transform: uppercase;
}

html[lang="ko"] .rtm-notice-board__table th {
    letter-spacing: 0;
    text-transform: none;
}

.rtm-notice-board__table tbody tr:last-child td {
    border-bottom: 0;
}

.rtm-notice-board__number {
    width: var(--rtm-notice-column-number);
}

.rtm-notice-board__date {
    width: var(--rtm-notice-column-date);
    white-space: nowrap;
}

.rtm-notice-board__number,
.rtm-notice-board__date {
    color: var(--rtm-notice-color-muted);
    font-size: var(--rtm-notice-font-meta);
}

.rtm-notice-board__date {
    font-size: var(--rtm-notice-font-list-date);
}

.rtm-notice-board__subject {
    overflow-wrap: anywhere;
}

.rtm-notice-board__subject a {
    color: var(--rtm-notice-color-ink);
    font-size: var(--rtm-notice-font-subject);
    font-weight: var(--rtm-notice-weight-strong);
    text-decoration: none;
    transition: color var(--rtm-notice-motion-duration) var(--rtm-notice-motion-ease);
}

.rtm-notice-board__subject a:hover,
.rtm-notice-board__subject a:focus-visible {
    color: var(--rtm-notice-color-accent);
}

.rtm-notice-board__new {
    display: inline-block;
    margin-left: var(--rtm-notice-status-offset);
    color: var(--rtm-notice-color-accent);
    font-size: var(--rtm-notice-font-status);
    letter-spacing: var(--rtm-notice-tracking-label);
    text-transform: uppercase;
}

html[lang="ko"] .rtm-notice-board__new {
    letter-spacing: 0;
    text-transform: none;
}

.rtm-notice-board__empty {
    padding: var(--rtm-notice-empty-padding-block) var(--rtm-notice-empty-padding-inline) !important;
    color: var(--rtm-notice-color-muted);
    text-align: center !important;
}

.rtm-notice-board__pagination {
    display: flex;
    justify-content: center;
    margin-top: var(--rtm-notice-pagination-margin);
}

.rtm-notice-board__pagination .pg_page,
.rtm-notice-board__pagination .pg_current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--rtm-notice-pagination-size);
    min-height: var(--rtm-notice-pagination-size);
    padding: var(--rtm-notice-pagination-padding);
    border-radius: var(--rtm-notice-radius-round);
    color: var(--rtm-notice-color-ink);
    text-align: center;
    text-decoration: none;
}

.rtm-notice-board__pagination .pg_current {
    background: var(--rtm-notice-color-accent);
    color: var(--rtm-notice-color-surface);
}

.rtm-notice-view__header {
    margin-bottom: var(--rtm-notice-view-header-margin);
}

.rtm-notice-view__date {
    font-size: var(--rtm-notice-font-date);
    line-height: var(--rtm-notice-leading-meta);
}

.rtm-notice-view__content {
    min-height: var(--rtm-notice-content-min-height);
    padding: clamp(
        var(--rtm-notice-content-padding-min),
        var(--rtm-notice-content-padding-fluid),
        var(--rtm-notice-content-padding-max)
    );
    font-size: var(--rtm-notice-font-body-copy);
    line-height: var(--rtm-notice-leading-reading);
    overflow-wrap: anywhere;
}

.rtm-notice-view__content > :first-child {
    margin-top: 0;
}

.rtm-notice-view__content > :last-child {
    margin-bottom: 0;
}

.rtm-notice-view__content img,
.rtm-notice-view__content video,
.rtm-notice-view__content iframe {
    max-width: 100%;
}

.rtm-notice-view__content img,
.rtm-notice-view__content video {
    height: auto;
}

.rtm-notice-view__content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.rtm-notice-view__unavailable {
    color: var(--rtm-notice-color-muted);
}

.rtm-notice-view__attachments {
    margin-top: var(--rtm-notice-attachments-margin);
    padding: var(--rtm-notice-attachments-padding);
}

.rtm-notice-view__attachments h2 {
    margin: 0 0 var(--rtm-notice-attachments-heading-margin);
    font-size: var(--rtm-notice-font-section);
}

.rtm-notice-view__attachments ul {
    margin: 0;
    padding-left: var(--rtm-notice-attachments-list-indent);
}

.rtm-notice-view__attachments a {
    color: var(--rtm-notice-color-ink);
}

.rtm-notice-view__attachments a:hover,
.rtm-notice-view__attachments a:focus-visible {
    color: var(--rtm-notice-color-accent);
}

/* These match the theme's desktop-navigation and mobile Bootstrap breakpoints. */
@media (max-width: 991px) {
    .rtm-notice-main {
        --rtm-notice-header-gap: 1.375rem;
    }

    .rtm-notice-board__header {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .rtm-notice-main {
        --rtm-notice-header-margin: 1.75rem;
        --rtm-notice-eyebrow-margin: .75rem;
        --rtm-notice-intro-margin: .875rem;
        --rtm-notice-cell-padding-block: 1.125rem;
        --rtm-notice-cell-padding-inline: 1rem;
        --rtm-notice-column-date: 6.5rem;
        --rtm-notice-font-list-date: .75rem;
        --rtm-notice-font-subject: .9375rem;
        --rtm-notice-empty-padding-block: 3.5rem;
        --rtm-notice-empty-padding-inline: 1.125rem;
        --rtm-notice-back-margin: 1.875rem;
        --rtm-notice-view-header-margin: 1.75rem;
        --rtm-notice-content-min-height: 13.75rem;
    }

    .rtm-notice-board__table {
        table-layout: auto;
    }

    .rtm-notice-board__actions {
        justify-content: space-between;
        width: 100%;
    }

    .rtm-notice-board__number,
    .rtm-notice-board__table th:first-child {
        display: none;
    }

    .rtm-notice-board__date,
    .rtm-notice-board__table th:last-child {
        width: var(--rtm-notice-column-date);
        text-align: right;
    }
}