.notice-index{padding-top:54px;padding-bottom:76px;min-height:65vh}
.notice-index-heading p{display:flex;align-items:center;gap:14px;color:#273347;font-size:11px;letter-spacing:.19em;font-weight:500;margin:0 0 10px}
.notice-index-heading p:before{content:"";width:32px;height:1px;background:#273347}
.notice-index-heading h1{font-size:40px;line-height:1.25;letter-spacing:-.045em;font-weight:800;margin:0;color:#172030}
.notice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:42px 0 34px}
.notice-filters{display:flex;gap:9px}
.notice-filters button{border:1px solid #dfe5ed;border-radius:30px;padding:10px 20px;background:#fff;color:#667386;font-size:14px;font-weight:600;min-height:44px}
.notice-filters button[aria-pressed=true]{background:#172030;color:#fff;border-color:#172030;box-shadow:0 5px 12px #17203020}
.notice-filters button:hover{border-color:#8994a4}
.notice-search{position:relative;width:236px;max-width:100%}
.notice-search input{width:100%;height:44px;border:1px solid #dfe5ed;border-radius:25px;background:#fff;color:#253449;padding:10px 36px 10px 42px;font:inherit;font-size:14px;outline-offset:3px}
.notice-search input::placeholder{color:#929fb0}
.notice-search button{position:absolute;left:4px;top:2px;width:38px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;padding:0;background:transparent;color:#8b9bb0}
.notice-index-status{font-size:13px;color:#657183;min-height:21px;margin:-15px 0 18px}
.notice-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.notice-tile{display:block;min-width:0;border-radius:13px;transition:transform .18s,box-shadow .18s;overflow:hidden;background:#eeeee8;border:1px solid #e3e5e7}
.notice-tile:hover{transform:translateY(-4px);box-shadow:0 12px 26px #18233916}
.notice-cover{position:relative;aspect-ratio:4/5;overflow:hidden;background:#f1eee8}
.notice-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#f1eee8}
.notice-cover img[hidden]{display:none}
.notice-cover-fallback{position:absolute;inset:0;padding:62px 26px 26px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 100% 0,#f3bc85 0,transparent 70%),linear-gradient(140deg,#fbf2e6,#e9dac5);color:#352d28}
.notice-cover-fallback>span:first-child{font-size:10px;font-weight:600;letter-spacing:.17em;color:#826449}
.notice-cover-fallback strong{font-size:clamp(20px,2vw,29px);line-height:1.4;letter-spacing:-.04em;font-weight:750;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:20px 0}
.notice-cover-fallback>span:last-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6e6155}
.notice-cover-fallback b{font-size:26px;font-weight:400}
.notice-tile-kind,.notice-tile-count{position:absolute;top:10px;z-index:1;border-radius:20px;line-height:1;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;pointer-events:none}
.notice-tile-kind{left:10px;background:#f0f5ff;color:#416bcb;padding:5px 9px}
.notice-tile-kind.important{background:#fff1dc;color:#8e441d}
.notice-tile-count{right:10px;background:#20231dd1;color:#fff;padding:5px 8px}
.notice-index-empty{grid-column:1/-1;padding:64px 24px;border:1px solid #e1e5eb;border-radius:14px;background:#fff;text-align:center;color:#435166}
.notice-index-empty strong{font-weight:600;font-size:17px}
.notice-index-empty p{font-size:14px;color:#687587;margin:10px 0 0}
.notice-index-pagination{display:flex;justify-content:center;margin-top:32px}
.notice-index-pagination button{border:1px solid #d9e0e8;background:#fff;color:#354358;border-radius:28px;padding:12px 26px;font-size:14px;font-weight:600}
.notice-index-pagination button span{margin-left:14px;color:#7b8796;font-size:12px;font-weight:400}
.notice-index-pagination button:disabled{opacity:.5;cursor:wait}
.notice-index a:focus-visible,.notice-index button:focus-visible,.notice-index input:focus-visible{outline:3px solid #ac643d;outline-offset:4px}
.notice-list-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1100px){.notice-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notice-cover-fallback strong{font-size:24px}}
@media(max-width:780px){.notice-index{padding-top:36px;padding-bottom:48px}.notice-index-heading h1{font-size:34px}.notice-toolbar{margin-top:30px;gap:18px;flex-wrap:wrap}.notice-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notice-search{width:100%}.notice-cover-fallback{padding:56px 20px 22px}.notice-cover-fallback strong{font-size:23px}}
@media(max-width:480px){.notice-card-grid{grid-template-columns:1fr}.notice-cover-fallback strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.notice-tile{transition:none}.notice-tile:hover{transform:none}}