<script setup lang="ts">
/**
 * Desktop Announcement Detail View
 * Reuses the existing AnnouncementDetailView component in a desktop shell wrapper.
 */
import AnnouncementDetailView from '../AnnouncementDetailView.vue';
</script>

<template>
  <div class="desktop-content-shell">
    <div class="content-main">
      <AnnouncementDetailView />
    </div>
  </div>
</template>

<style scoped>
.desktop-content-shell {
  display: flex;
  flex: 1;
  min-height: 0;
}

.content-main {
  flex: 1;
  min-width: 0;
  padding: 20px 24px 28px;
  overflow-y: auto;
  max-width: 760px;
}
</style>
