/* ==========================================================================
   SSV College — Notice Board
   File: css/NoticeBoard.css

   This page links css/AboutUs.css directly (for the shared page-banner/breadcrumb
   and the .ssv-reveal scroll-in animation) instead of duplicating those rules, so
   this file only holds what's specific to the Notice Board page. The notice-row
   markup itself (.ssv-notice-list, .ssv-notice, .ssv-date ...) is already defined
   globally in css/site-modern.css — it's the same component used in the homepage's
   "Notice & Updates" panel, just given more room here since this page's job is to
   show the full list. Works together with site-modern.css and Bootstrap 4.

   Contents
     1. Notice Board list (sizing/spacing overrides + hover)
   ========================================================================== */


/* 1. NOTICE BOARD LIST ------------------------------------------------------- */

.ssv-notice-board {
    padding: clamp(.5rem, .3rem + .8vw, 1rem) clamp(1.25rem, .9rem + 1.6vw, 2rem);
}

    /* Full page = more breathing room per row than the compact homepage panel */
    .ssv-notice-board .ssv-notice {
        padding: 1.35rem .5rem;
        margin: 0 -.5rem;
        border-radius: var(--radius-sm);
        transition: background-color .2s var(--ease);
    }

        .ssv-notice-board .ssv-notice:hover {
            background: var(--warm-bg);
        }

    .ssv-notice-board .ssv-date {
        flex-basis: 68px;
        width: 68px;
        height: 68px;
    }

    .ssv-notice-board .ssv-notice__title {
        font-size: 1.05rem;
        -webkit-line-clamp: unset;
        overflow: visible;
    }