:root{--notice-navy:#173e49;--notice-teal:#176578;--notice-gold:#d39a2c;--notice-line:#d6e0e2;--notice-muted:#607277}
.notice-hero{background:linear-gradient(120deg,#143743,#1a5360);color:#fff;padding:68px 0 62px;border-bottom:6px solid var(--notice-gold)}
.notice-hero span{color:#e4bc66;font-size:12px;letter-spacing:.18em;font-weight:800}.notice-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;margin:14px 0 18px}.notice-hero h1 em{font-style:normal;color:#e4bc66}.notice-hero p{max-width:720px;color:#d9e7e9;font-size:17px;line-height:1.8;margin:0}
.notice-section{padding:48px 0 58px;background:#f3f6f6}.notice-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.notice-head h2{margin:0;color:var(--notice-navy);font-size:28px}.notice-head p{margin:7px 0 0;color:var(--notice-muted)}.notice-head label{width:min(340px,100%);color:var(--notice-muted);font-size:12px}.notice-head input{display:block;width:100%;height:44px;margin-top:6px;padding:0 13px;border:1px solid #b9c9cd;background:#fff;font:inherit}
.notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notice-card{background:#fff;border:1px solid var(--notice-line);border-top:4px solid var(--notice-teal);padding:21px;min-width:0;box-shadow:0 10px 26px rgba(19,55,66,.05)}.notice-card .meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--notice-muted);font-size:12px}.notice-card .meta time{color:var(--notice-teal);font-weight:800}.notice-card h3{color:var(--notice-navy);font-size:18px;line-height:1.55;margin:13px 0 18px}.notice-actions{display:flex;gap:9px;flex-wrap:wrap}.notice-actions a{padding:9px 13px;text-decoration:none;font-weight:800;border:1px solid var(--notice-teal);color:var(--notice-teal)}.notice-actions a.primary{background:var(--notice-teal);color:#fff}.notice-actions a.disabled{pointer-events:none;opacity:.5;border-color:#9aa;color:#788}.notice-empty{grid-column:1/-1;background:#fff;border:1px solid var(--notice-line);padding:46px;text-align:center;color:var(--notice-muted)}
.notice-filters{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 20px}.notice-filters button{border:1px solid #b8c9cc;background:#fff;color:#49636a;padding:7px 12px;cursor:pointer;font:inherit;font-size:13px}.notice-filters button.active{background:var(--notice-teal);border-color:var(--notice-teal);color:#fff}.notice-card .category{background:#e9f2f3;color:var(--notice-teal);padding:1px 7px;font-weight:800}.notice-card.pending{border-top-color:#9b7d43}.notice-card.pending .meta time{color:#8a651b}.notice-pending{color:#73591e;background:#fff5db;padding:10px 12px;margin:-4px 0 15px;font-size:13px;line-height:1.6}
.notice-boundary{background:#e7edef;padding:20px 0 26px;color:#53666c}.notice-boundary p{margin:0;line-height:1.8}.notice-boundary b{color:var(--notice-navy)}
@media(max-width:760px){.notice-hero{padding:44px 0}.notice-head{display:block}.notice-head label{display:block;margin-top:18px}.notice-grid{grid-template-columns:1fr}.notice-card{padding:17px}.notice-actions a{flex:1;text-align:center}.notice-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.notice-filters button{flex:none}.nav{align-items:flex-start}.nav nav{overflow:auto;max-width:60%;white-space:nowrap}}
.notice-card .meta .changed{color:#9a5700;background:#fff3d7;padding:1px 6px;font-weight:800}