.notice-main{padding-top:76px;min-height:calc(100svh - 220px)}
.notice-hero{padding:68px 0 42px;border-bottom:1px solid #2b392f;display:block}
.notice-kicker{display:flex;align-items:center;gap:10px;color:#c4ef89;font-size:15px;margin-bottom:14px}
.notice-kicker .ui-icon{width:20px;height:20px}
.notice-hero h1{font-size:clamp(36px,4vw,48px);font-weight:600;line-height:1.3;letter-spacing:-.04em}
.notice-hero>p{max-width:680px;margin-top:18px;color:#a7b3a8;font-size:16px;line-height:1.85}
.notice-layout{display:grid;grid-template-columns:188px minmax(0,1fr);gap:52px;padding:36px 0 90px;align-items:start}
.notice-sidebar{position:sticky;top:110px}

.notice-filters{display:grid;gap:6px}
.notice-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;min-height:48px;width:100%;background:transparent;border:1px solid transparent;border-radius:999px;text-align:left;font-size:16px;color:#bcc8b8;transition:background .2s,border-color .2s}
.notice-filter:hover{background:#c4ef8907}
.notice-filter[aria-pressed="true"]{background:#c4ef8910;border-color:#c4ef8947;color:#d8f5b5}
.notice-filter span{font-size:13px;color:#94a589;font-variant-numeric:tabular-nums;min-width:18px;text-align:center}
.notice-sidebar-note{font-size:13px;line-height:1.8;color:#8e9c89;margin:25px 14px 0}
.notice-feed{min-width:0}
.notice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.notice-search{position:relative;max-width:390px;flex:1;display:flex;align-items:center;gap:10px;background:#111713;border:1px solid #354137;border-radius:999px;padding:10px 16px;min-height:48px}
.notice-search:focus-within{border-color:#c4ef89}
.notice-search svg{width:18px;height:18px;flex:0 0 auto;color:#94a18d}
.notice-search input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#f1f3ef;font-size:15px;line-height:1.7}
.notice-search input::placeholder{color:#8b9885}
.notice-count{flex:0 0 auto;font-size:14px;color:#9cab96;white-space:nowrap;font-variant-numeric:tabular-nums}
.notice-list{display:grid;gap:16px}
.notice-entry{position:relative;border:1px solid #2b392f;border-radius:18px;background:#111713;overflow:hidden;scroll-margin-top:100px}
.notice-entry:before{content:"";position:absolute;left:0;top:26px;width:2px;height:32px;background:#c4ef8975;border-radius:999px}
.notice-entry:has(details[open]){border-color:#627749}
.notice-entry[data-status="investigating"]{border-color:#a482455c}
.notice-entry[data-status="investigating"]:before{background:#e9bd78}
.notice-entry summary{position:relative;list-style:none;cursor:pointer;padding:25px 64px 26px 28px}
.notice-entry summary::-webkit-details-marker{display:none}
.notice-entry summary:hover h2{color:#d5efb5}
.notice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:13px;font-size:14px;line-height:1.6;color:#a7b3a8}
.notice-meta time{font-variant-numeric:tabular-nums;color:#93a18c}
.notice-type{color:#c4d6b4}
.notice-meta .notice-pin{display:inline-flex;align-items:center;gap:5px;color:#c4ef89;font-size:13px}
.notice-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 9px;background:#c4ef890c;color:#c4ef89;font-size:13px}
.notice-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.notice-status.is-investigating{background:#e9bd7812;color:#e9bd78}
.notice-entry h2{font-size:23px;line-height:1.5;font-weight:500;letter-spacing:-.025em;transition:color .2s}
.notice-summary{font-size:15px;line-height:1.85;color:#a7b3a8;margin-top:10px;max-width:650px}
.notice-expand{position:absolute;right:24px;top:27px;display:grid;place-items:center;border:1px solid #3c4b36;border-radius:50%;width:30px;height:30px;color:#abc397}
.notice-expand svg{width:16px;height:16px;transition:transform .2s}
.notice-entry details[open] .notice-expand svg{transform:rotate(180deg)}
.notice-body{padding:0 28px 28px;font-size:16px;color:#c2ccbd;line-height:1.95;overflow-wrap:anywhere}
.notice-body-inner{border-top:1px solid #2b392f;padding-top:23px}
.notice-body p+p{margin-top:15px}
.notice-body ul{padding-left:21px;margin:18px 0}
.notice-body li+li{margin-top:9px}
.notice-models{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.notice-models span{padding:4px 11px;border:1px solid #3b4933;border-radius:999px;font-size:14px;color:#d0ddb9}
.notice-body .notice-note{margin-top:21px;padding:14px 18px;border-left:2px solid #79905f;background:#c4ef8906;color:#b2c0a7;font-size:14px}
.notice-body h3{font-size:17px;margin:23px 0 14px;color:#e0ead7}
.notice-timeline{list-style:none;padding:0!important;margin:0!important}
.notice-timeline li{position:relative;padding:0 0 20px 20px;margin:0!important;border-left:1px solid #3d4a36}
.notice-timeline li:last-child{padding-bottom:0}
.notice-timeline li:before{content:"";position:absolute;width:7px;height:7px;background:#b9d68f;border-radius:50%;left:-4px;top:10px}
.notice-timeline time{display:block;font-size:13px;color:#94a18c}
.notice-timeline strong{font-size:15px;font-weight:500;color:#d0ddc3}
.notice-timeline p{font-size:15px;color:#b2bfa8}
.notice-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #2b392f;margin-top:22px;padding-top:18px;font-size:14px}
.notice-actions>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.notice-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 16px;border:1px solid #526143;border-radius:999px;background:transparent;color:#d1e8b4;font:inherit;line-height:1.5}
.notice-action:hover{background:#c4ef890c;border-color:#c4ef89}
.notice-actions>time{color:#8fa083;font-size:13px}
.notice-empty{padding:64px 24px;text-align:center;border:1px dashed #35432f;border-radius:18px;background:#111713}
.notice-empty .ui-icon{margin:0 auto 18px;width:32px;height:32px;color:#8ca578}
.notice-empty h2{font-size:21px;color:#e0e9d8;margin-bottom:12px}
.notice-empty p{font-size:15px;line-height:1.85;color:#9caa94;max-width:420px;margin:0 auto 20px}
.notice-main [hidden]{display:none!important}
@media(max-width:1000px){.notice-layout{gap:28px;grid-template-columns:162px minmax(0,1fr)}.notice-hero{padding-top:48px}.notice-entry summary{padding-left:24px}.notice-body{padding-inline:24px}.notice-entry h2{font-size:21px}}
@media(max-width:760px){.notice-hero{display:block;padding:38px 0 28px}.notice-hero>p{margin-top:18px;max-width:none}.notice-layout{grid-template-columns:1fr;gap:24px;padding-top:24px;padding-bottom:58px}.notice-sidebar{position:static}.notice-sidebar-note{display:none}.notice-filters{display:flex;flex-wrap:wrap;gap:8px}.notice-filter{width:auto;min-height:42px;padding:8px 15px;font-size:14px;gap:9px;border-color:#2b392f}.notice-toolbar{gap:13px}.notice-search{max-width:none}.notice-search input{font-size:14px}.notice-entry summary{padding:22px 54px 23px 21px}.notice-expand{right:18px;top:23px;width:27px;height:27px}.notice-body{padding:0 21px 23px}.notice-entry h2{font-size:21px}.notice-summary{font-size:15px}.notice-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.notice-main{padding-top:70px}.notice-kicker{font-size:14px}.notice-hero h1{font-size:36px}.notice-hero>p{font-size:15px}.notice-toolbar{align-items:stretch;flex-wrap:wrap}.notice-search{flex-basis:100%}.notice-count{font-size:13px}.notice-meta{font-size:13px;gap:8px 12px}.notice-empty{padding:40px 20px}.notice-filter{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.notice-main *{transition:none!important;scroll-behavior:auto!important}}
