.notice-list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(232,182,76,.16);text-decoration:none;color:inherit}.notice-list-item:last-child{border:0}.notice-list-item>div{min-width:0}.notice-list-item strong{display:block;overflow-wrap:anywhere;line-height:1.6}.notice-list-item time{display:block;font-size:.78rem;color:#a5adb8;margin-top:.25rem}.notice-list-item svg{width:1.2rem;flex-shrink:0}.notice-article h1{font-size:1.35rem;overflow-wrap:anywhere;line-height:1.5}.notice-body{white-space:normal;overflow-wrap:anywhere;line-height:1.85;margin-top:1.2rem}.notice-full-image{display:block;max-width:100%;height:auto;margin:1.5rem auto}.notice-pagination{display:flex;gap:1rem;justify-content:center}.notice-popup{box-sizing:border-box;width:min(38rem,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(232,182,76,.5);border-radius:18px;background:#090f18;color:#edf0f4;box-shadow:0 24px 100px #0009;overflow:hidden}.notice-popup[open]{display:flex;flex-direction:column}.notice-popup::backdrop{background:#000b;backdrop-filter:blur(5px)}.notice-popup-progress{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;color:#e8b64c;font-size:.82rem;flex-shrink:0}.notice-popup-content{overflow:auto;min-height:0}.notice-popup-item[hidden]{display:none!important}.notice-popup-text{padding:.25rem 1.4rem 1.5rem}.notice-popup-text h2{font-size:1.3rem;line-height:1.5;overflow-wrap:anywhere}.notice-popup-actions{display:flex;gap:.65rem;padding:1rem;flex-shrink:0;border-top:1px solid #ffffff12}.notice-popup-actions .button{white-space:normal;min-width:0;flex:1;font-size:.85rem;padding:.7rem .5rem}.notice-popup.is-image{width:fit-content;min-width:min(22rem,calc(100vw - 24px))}.notice-popup.is-image .notice-popup-progress{padding:.5rem .85rem}.notice-popup-image{display:block;width:auto;height:auto;max-width:min(900px,calc(100vw - 26px));max-height:calc(100dvh - 210px);object-fit:contain;margin:auto}.notice-popup.is-image .notice-popup-content{background:#03060a}.notice-popup-image:not([src]){display:none}@media(max-width:480px){.notice-popup-actions{padding:.7rem}.notice-popup-text{padding:.2rem 1rem 1rem}.notice-popup-image{max-height:calc(100dvh - 230px)}}
html:has(#notice-popup[open]){overflow:hidden}