/* Mobile announcements have their own readable content, independent of posters. */
.notice-mobile-topics,.notice-mobile-content{display:none}
@media(max-width:1024px){
 #notice-board{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
 .notice-board-top{padding:0 2px 12px;align-items:center}
 .notice-board-top h2{font-size:17px;line-height:1.3}
 .notice-board-top p{display:none}
 .notice-close-all{min-height:44px;border-color:#ffffff60;font-size:12px}
 .notice-mobile-topics{display:flex;gap:6px;margin:0 0 12px;padding:4px;background:#102c3dd9;border:1px solid #ffffff25;border-radius:10px}
 .notice-mobile-topics button{flex:1;min-width:0;min-height:44px;padding:10px 7px;border:0;border-radius:7px;background:transparent;color:#dce8ed;font:500 13px/1.3 Arial,'Malgun Gothic',sans-serif;cursor:pointer;white-space:nowrap}
 .notice-mobile-topics button[aria-pressed=true]{background:#e4edf2;color:#102c3d;font-weight:700}
 .notice-mobile-topics button[hidden]{display:none}
 .notice-card{border-radius:12px;border-color:#ffffff40}
 .notice-card-head{height:42px;padding-left:20px}
 .notice-card-head h3{font-size:11px}
 .notice-card-close{width:44px;height:42px}
 .notice-card-visual{display:none!important}
 .notice-mobile-content{display:block;padding:22px;box-sizing:border-box;max-height:calc(100dvh - 286px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#f4f5f2;color:#132e40;line-height:1.5;touch-action:pan-y}
 .notice-mobile-content .nm-kicker{margin:0 0 12px;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.13em;color:#496f86}
 .notice-mobile-content h4{font:600 29px/1.24 Arial,'Malgun Gothic',sans-serif;letter-spacing:-.05em;color:#132e40;margin:0 0 14px;word-break:keep-all}
 .notice-mobile-content .nm-intro{font-size:14px;line-height:1.65;margin:0 0 19px;color:#4f6370;word-break:keep-all}
 .nm-date{padding:15px 17px;border-radius:9px;background:#15374c;color:white;margin:0 0 18px}
 .nm-date strong{display:block;font:600 22px/1.35 Arial,'Malgun Gothic',sans-serif;letter-spacing:-.03em;color:inherit}
 .nm-date span{display:block;margin-top:3px;font:400 15px/1.45 Arial,sans-serif;color:#d1e1ec}
 .nm-facts{margin:0;display:grid;gap:12px}
 .nm-facts>div{display:grid;grid-template-columns:39px 1fr;gap:10px}
 .nm-facts dt{margin:2px 0 0;font-size:12px;color:#697f8e}
 .nm-facts dd{margin:0;font-size:15px;font-weight:600;line-height:1.5;word-break:keep-all}
 .nm-facts dd small{display:block;font-size:12px;font-weight:400;color:#607582;margin-top:2px}
 .nm-tags{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 0}
 .nm-tags span{padding:6px 9px;border:1px solid #d5e0e5;border-radius:5px;font-size:11px;color:#39576a}
 .nm-status{display:inline-block;padding:6px 9px;border-radius:5px;background:#dfebf1;color:#31566e;font-size:12px;font-weight:600;margin:0 0 16px}
 .nm-roles{list-style:none;padding:0!important;margin:0!important;display:grid;gap:0}
 .nm-roles li{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:12px 0;border-top:1px solid #d8e1e5}
 .nm-roles li>b{font:500 13px/1.6 Arial,sans-serif;color:#7994a6}
 .nm-roles strong{display:block;font-size:15px;font-weight:600;color:#17364b}
 .nm-roles span{display:block;font-size:13px;color:#5d7382;margin-top:2px}
 .nm-note{margin:15px 0 0!important;padding-top:13px;border-top:1px solid #d8e1e5;font-size:12px!important;line-height:1.65!important;color:#536b7b;word-break:keep-all}
 .nm-doc-meta{display:flex;gap:8px;align-items:center;margin:0 0 20px;font-size:12px;color:#607382}
 .nm-doc-meta b{background:#17374d;color:white;border-radius:4px;padding:5px 8px;font-size:11px;letter-spacing:.06em}
 .nm-doc-title{font-size:13px;font-weight:600;color:#496879;margin:0 0 8px}
 .notice-card-cta{min-height:56px;padding:15px 20px;background:#c5dfee;font-size:15px;font-weight:700;flex-shrink:0}
 .notice-card-foot{min-height:46px;padding:0 18px;font-size:12px;flex-shrink:0}
 .notice-card-foot label{min-height:44px;gap:8px}
 .notice-card-foot input{width:16px;height:16px}
 .notice-card-foot button{min-height:44px;padding-left:14px}
 .notice-mobile-nav{display:none!important}
}
@media(max-width:1024px) and (max-height:640px){.notice-mobile-content{padding:18px 20px;max-height:calc(100dvh - 274px)}.notice-mobile-content h4{font-size:26px}.notice-mobile-content .nm-intro{margin-bottom:14px}.notice-board-top{padding-bottom:8px}.notice-mobile-topics{margin-bottom:8px}.nm-date{padding:12px 15px;margin-bottom:14px}}

@media(max-width:1024px){
 #notice-board{overflow:hidden}
 .notice-mobile-content{max-height:calc(100dvh - 310px);padding:20px 22px}
 .notice-mobile-content .nm-intro{margin-bottom:15px}
 .nm-status{margin-bottom:12px}
 .nm-roles li{padding:10px 0}
 .nm-note{margin-top:12px!important;padding-top:10px}
 .nm-doc-meta{margin-bottom:16px}
}
@media(max-width:1024px) and (max-height:640px){.notice-mobile-content{max-height:calc(100dvh - 294px);padding:18px 20px}}
@media(max-width:1024px) and (max-height:440px){#notice-board{overflow:auto}.notice-mobile-content{max-height:180px}}