/* Onullan — /notice 와 /notice/* (한국어 공지). site.css 위에 얹는다 */
.kr,.kr .lead{font-family:'Noto Sans KR',var(--text);word-break:keep-all;overflow-wrap:anywhere}
.chip{display:inline-flex;align-items:center;font:700 11px/1 'Noto Sans KR',var(--text);padding:6px 10px;border-radius:99px;background:var(--bg-3);color:var(--fg-2);white-space:nowrap}
.chip.hot,.pn.new .chip{background:var(--yolk);color:#000}
.pn.better .chip{background:var(--cyan);color:#000}
.pn.fix .chip{background:var(--bg-3);color:var(--fg)}
.pn.love .chip{background:var(--rose);color:#000}

/* ── list page ── */
.nhead{padding-top:clamp(120px,16vw,200px);padding-bottom:clamp(20px,3vw,40px)}
.nhead .big{font-size:clamp(72px,17vw,280px);margin:20px 0 16px}
.nsub{color:var(--fg-3);margin:clamp(40px,6vw,72px) 0 18px}
.feat{position:relative;display:block;border-radius:clamp(20px,2.4vw,32px);overflow:hidden;min-height:clamp(420px,56vw,620px);background:#0a0a10;isolation:isolate}
.feat video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform 1.2s var(--ease),opacity .4s}
.feat:hover video{transform:scale(1.04);opacity:.85}
.feat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,8,.96) 18%,rgba(6,6,8,.2) 70%);z-index:1}
.feat-in{position:absolute;inset:auto 0 0;z-index:2;padding:clamp(24px,4vw,56px);max-width:760px}
.feat h3{font:900 clamp(34px,5.4vw,72px)/1.08 'Noto Sans KR',var(--display);letter-spacing:-.03em;margin:16px 0 12px}
.feat p{color:var(--fg-2);margin:0 0 18px;font-size:clamp(15px,1.3vw,18px)}
.feat .more{color:var(--yolk)}
.plist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.plist .ph{padding:28px 0;color:var(--fg-3)}
.pn{border-bottom:1px solid var(--line)}
.pn-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;padding:20px 0 12px;text-align:left}
.pn-head b{font:700 clamp(17px,1.6vw,21px)/1.35 'Noto Sans KR',var(--text);letter-spacing:-.01em}
.pn-head time{font:500 12px var(--mono);color:var(--fg-3);white-space:nowrap}
.pn-head:hover b{color:var(--yolk)}
.pn-body{padding:6px 0 26px;max-width:760px}
.pn-lead{margin:0 0 14px;color:var(--fg-2);font-style:italic}
.pn ul{margin:0;padding:0 0 0 18px;display:grid;gap:9px}
.pn li small{display:block;color:var(--fg-3);font-size:13px;margin-top:2px}
.pn-foot{margin:14px 0 0;font-size:13px;color:var(--fg-3)}
@media (max-width:600px){.pn-head{grid-template-columns:auto 1fr}.pn-head time{grid-column:2}}

.stores{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.stores .mono{color:var(--fg-3);margin-left:6px}
.nstore{padding-bottom:clamp(60px,8vw,120px)}
/* 대규모 업데이트 글 카드(notice.html POSTS) — 글마다 같은 무게 */
.posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.post{display:flex;flex-direction:column;border-radius:clamp(20px,2.2vw,28px);overflow:hidden;background:var(--bg-2);border:1px solid var(--line);transition:border-color .3s,transform .6s var(--ease)}
.post:hover{border-color:var(--yolk);transform:translateY(-4px)}
.post-m{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a0a10}
.post-m video,.post-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transition:transform 1.2s var(--ease)}
.post:hover .post-m video,.post:hover .post-m img{transform:scale(1.04)}
.post-m::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg-2),transparent 45%)}
.post-m .new{position:absolute;left:14px;top:14px;z-index:1;padding:6px 10px;border-radius:99px;background:var(--rose);color:#fff;font-size:11px;letter-spacing:.1em}
.post-b{padding:clamp(18px,2.4vw,28px);padding-top:6px;display:flex;flex-direction:column;flex:1}
.post-h{display:flex;align-items:center;gap:10px}
.post-h time{font-size:12px;color:var(--fg-3)}
.post h3{font:900 clamp(24px,2.6vw,36px)/1.15 'Noto Sans KR',var(--display);letter-spacing:-.03em;margin:14px 0 10px}
.post p{color:var(--fg-2);margin:0 0 16px;font-size:clamp(14px,1.2vw,16px);line-height:1.6}
.post .more{margin-top:auto;color:var(--yolk)}
@media (max-width:700px){.posts{grid-template-columns:1fr}}
/* 맨 위 대표 글(POSTS 첫 글): 한 줄을 다 쓰고, 넓은 화면에선 그림 옆에 글 */
.post.lead{grid-column:1/-1}
@media (min-width:701px){.post.lead{flex-direction:row}.post.lead .post-m{flex:1.35;aspect-ratio:auto;min-height:clamp(300px,30vw,460px)}.post.lead .post-m::after{background:linear-gradient(270deg,var(--bg-2),transparent 40%)}.post.lead .post-b{flex:1;justify-content:center;padding-top:clamp(18px,2.4vw,28px)}.post.lead h3{font-size:clamp(28px,3.4vw,52px)}.post.lead .more{margin-top:0}}
/* 지난 대규모 업데이트 글은 접어 둔다 (notice.html #posts-more) */
.post[hidden],.posts-more[hidden]{display:none}
.posts-more{display:block;width:100%;margin-top:clamp(12px,1.6vw,20px);padding:14px;border-radius:99px;border:1px solid var(--line);color:var(--fg-2);font:500 14px 'Noto Sans KR',var(--text);transition:border-color .3s,color .3s}
.posts-more:hover{border-color:var(--fg-3);color:var(--fg)}