/* Notice board: Federation mobile layout (stack and split modes). */
@media (width <= 767px) {
    html:has(.w_notice) body.gundam-skin #ajax-content.contents { padding-inline: 0 !important; }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_notice {
        display: block !important; width: 100% !important; max-width: none !important;
        margin: -12px 0 0 !important; padding: 0 0 22px !important; gap: 0 !important;
        overflow: hidden !important; color: #173b5d !important; background: #edf4f8 !important;
        min-height: 0 !important; height: auto !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_notice > #board_mount {
        flex: none !important; width: 100% !important; height: auto !important; min-height: 0 !important;
        margin: 0 !important; padding: 0 !important; background: #edf4f8 !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-layout-scope[data-layout="stack"] #notice_list_wrap {
        min-height: 0 !important; padding: 8px !important; border: 0 !important; background: #edf4f8 !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .notice-card-list {
        display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 6px !important;
        min-height: 0 !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_notice #board_mount .board-layout-scope[data-layout="stack"] #notice_list_wrap {
        min-height: 0 !important; height: auto !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_notice #board_mount .notice-card-list {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important; min-height: 0 !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .notice-card {
        display: flex !important; flex-direction: column !important; align-items: stretch !important;
        min-width: 0 !important; min-height: 0 !important; padding: 0 !important; overflow: hidden !important;
        border: 1px solid #aec5d6 !important; border-radius: 2px !important; color: #173b5d !important;
        background: linear-gradient(135deg,#fff,#f5f9fc) !important; box-shadow: 0 2px 5px rgb(26 70 105 / 9%) !important;
        transform: none !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .notice-card-thumb {
        width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important;
        border: 0 !important; border-bottom: 1px solid #c8d8e3 !important; background: #eaf3f8 !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice :is(.notice-card-image,.notice-card-fallback) {
        width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .notice-card-fallback {
        display: flex !important; align-items: center !important; justify-content: center !important;
        color: #17628f !important; background: linear-gradient(135deg,#f8fcfe,#dcebf4) !important;
        font-size: 11px !important; font-weight: 900 !important; letter-spacing: .12em !important; text-shadow: none !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .notice-card-body {
        display: flex !important; align-items: center !important; justify-content: center !important;
        min-width: 0 !important; min-height: 42px !important; padding: 6px !important; background: #fff !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .notice-card-title {
        width:100%!important;color: #153b5d !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.35 !important;
        text-align: center !important; text-shadow: none !important; -webkit-line-clamp: 2 !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-layout-scope[data-layout="split"] .evwrap { padding: 8px !important; background: #edf4f8 !important; }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-layout-scope[data-layout="split"] #event_list {
        display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 6px !important; padding: 0 !important; background: transparent !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .event_detail {
        display: flex !important; flex-direction:column!important;min-width:0!important;min-height: 0 !important;overflow:hidden!important;
        border: 1px solid #aec5d6 !important; color: #173b5d !important; background: #fff !important; box-shadow: 0 2px 5px rgb(26 70 105 / 9%) !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .event_detail > img {
        width:100%!important;height:auto!important;aspect-ratio:4 / 3!important;object-fit:cover!important;border:0!important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .event_detail .event-num {
        display: flex !important; align-items: center !important; justify-content: center !important; min-height: 22px !important;padding:2px 4px!important;
        color: #17628f !important; background: #eaf3f8 !important; font-size: 8px !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice .event_detail .event-title {
        display: flex !important; align-items: center !important;justify-content:center!important; min-height: 42px !important; padding: 6px !important;
        color: #153b5d !important; background: #fff !important; font-size: 10px !important; font-weight: 800 !important;text-align:center!important; text-shadow: none !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-detail-shell { padding: 8px !important; background: #edf4f8 !important; }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-detail-back {
        width: 100% !important; height: 42px !important; border: 1px solid #0c6b9f !important; color: #fff !important;
        background: linear-gradient(180deg,#177eb7,#075681) !important; box-shadow: none !important;
    }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-detail-card { border: 1px solid #aec5d6 !important; background: #fff !important; box-shadow: none !important; }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-detail-header { padding: 14px !important; border-bottom: 1px solid #c8d8e3 !important; background: #f5f9fc !important; }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-detail-title { color: #123b60 !important; font-size: 19px !important; text-shadow: none !important; }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .board-detail-body { padding: 17px 14px 26px !important; color: #294f6f !important; background: #fff !important; }
    html:has(.w_notice) body.gundam-skin.gundam-skin .w_notice .notice-empty { margin: 8px !important; border-color: #aec5d6 !important; color: #5f7d95 !important; background: #fff !important; }
}
@media (width <= 340px) {
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_notice { margin-top: -10px !important; }
    html:has(.w_notice) body.gundam-skin.gundam-skin #ajax-content.contents .w_notice :is(.notice-card-title,.event_detail .event-title) { font-size:9px!important; }
}