.notice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:26px}.notice-summary>div{display:grid;gap:10px;border:1px solid #dfe6d8;border-radius:18px;padding:24px;background:#fff}.notice-summary>div:first-child{background:#183f32;color:#fff;border-color:#183f32}.notice-summary span{font-size:13px;color:#6c7c70}.notice-summary strong{font-size:34px;line-height:1.15}.notice-summary small{font-size:12px;color:#738273}.notice-summary>div:first-child span,.notice-summary>div:first-child small{color:#c7d9c2}.notice-filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(160px,1fr) auto;gap:14px;align-items:end;margin-bottom:18px}.notice-filters .field{margin:0;min-width:0}.notice-tools,.notice-tools>div{display:flex;gap:14px;align-items:center;justify-content:space-between}.notice-tools{margin:16px 0 24px}.notice-tools p{font-size:12px;color:#748173;margin:0}.notice-loading{padding:45px;text-align:center;color:#738273}.notice-list-head{padding:22px 26px;display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #e5eadf}.notice-list-head>div{display:grid;gap:5px}.notice-list-head small{font-size:12px;color:#738273}.notice-card{display:flex;gap:18px;padding:24px 26px;border-bottom:1px solid #e5eadf;position:relative}.notice-card.is-unread{background:#f3f7ed}.notice-card.is-unread:before{content:'';position:absolute;left:0;top:26px;bottom:26px;width:3px;background:#4c7956;border-radius:0 3px 3px 0}.notice-symbol{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;background:#eaf0e3;color:#3d684b}.notice-symbol svg{width:21px;height:21px}.notice-content{flex:1;min-width:0}.notice-content>p{margin:10px 0 16px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.notice-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#778575}.notice-meta>span{font-weight:800;color:#42674c}.notice-meta>b{color:#42674c;background:#e2ecd6;padding:3px 8px;border-radius:5px;font-size:10px}.notice-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.notice-read{font-size:12px}.notice-read svg{width:16px;height:16px}.notice-arrivals{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#ecf2e3;padding:16px 26px;border-bottom:1px solid #dbe5ce;font-size:13px;font-weight:700}.notice-option{display:flex;align-items:flex-start;gap:12px;padding:20px 0;border-bottom:1px solid #e0e7d9;cursor:pointer}.notice-option input{width:19px;height:19px;accent-color:#204a36;margin-top:3px;flex:none}.notice-option span{display:grid;gap:7px}.notice-option small{font-size:12px;line-height:1.7;color:#6f7e70}.notice-option strong{font-size:14px}.notice-preference-note{font-size:12px;line-height:1.8;color:#6f7e70;padding:17px;background:#f4f7ee;border-radius:12px;margin:22px 0}.notice-recent-link{display:flex;margin-top:8px;font-size:12px}.notice-filters input:focus-visible,.notice-option input:focus-visible{outline:3px solid #b5cb91;outline-offset:2px}
@media(max-width:1100px){.notice-filters{grid-template-columns:1fr 1fr}.notice-filters>.field:first-child{grid-column:1/-1}.notice-filters>button{grid-column:1/-1}.notice-tools{align-items:flex-start;flex-direction:column}.notice-tools>div{width:100%}.notice-summary{gap:12px}.notice-summary>div{padding:18px}.notice-list-head{flex-wrap:wrap}}
@media(max-width:650px){.notice-summary{gap:8px}.notice-summary>div{padding:14px 10px;gap:8px;border-radius:13px}.notice-summary span{font-size:11px}.notice-summary strong{font-size:26px}.notice-summary small{display:none}.notice-filters{gap:10px}.notice-tools>div{flex-wrap:wrap;gap:12px}.notice-list-head{padding:18px}.notice-list-head>.button{width:100%}.notice-card{padding:20px 16px;gap:12px}.notice-symbol{width:32px;height:32px;border-radius:10px}.notice-symbol svg{width:17px;height:17px}.notice-meta{gap:7px}.notice-content>p{font-size:13px}.notice-actions{gap:12px}.notice-actions>.button{font-size:11px}.notice-arrivals{padding:15px;flex-wrap:wrap}.notice-preference-note{font-size:12px}}