/* ═══════════════════════════════════════════════════════
   현장 소식(블로그) — site.css 토큰 그대로, 블로그 칸만 더함
   만든 곳: buffad-crm tools/성현블로그.mjs (2026-09-27)
   ═══════════════════════════════════════════════════════ */

/* ── 첫 화면 · 목록 카드 ───────────────────── */
.news{padding-top:0;}
.news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-bottom:clamp(28px,3.4vw,44px);}
.news-head h2{font-size:clamp(28px,4.4vw,58px);}
.news-head .sub{margin-top:16px;color:var(--haze);font-size:16px;}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);}
.news-card{display:flex;flex-direction:column;min-width:0;background:var(--graphite);
  border:1px solid var(--edge);transition:border-color .25s,transform .25s;}
.news-card:hover{border-color:var(--hazard);transform:translateY(-3px);}
.news-card .ph{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--steel);}
.news-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.news-card:hover .ph img{transform:scale(1.04);}
.news-card .new{position:absolute;left:12px;top:12px;background:var(--hazard);color:var(--void);
  font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.14em;padding:4px 9px;}
.news-card .bd{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;flex:1;}
.news-card .tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--hazard);}
.news-card strong{font-family:var(--f-disp);font-weight:800;font-size:clamp(17px,1.5vw,20px);line-height:1.38;
  color:#fff;letter-spacing:-0.02em;word-break:keep-all;}
.news-card .sum{color:var(--haze);font-size:14.5px;line-height:1.6;word-break:keep-all;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-card .dt{margin-top:auto;padding-top:6px;font-family:var(--f-mono);font-size:12px;color:var(--haze);}
.news-more{display:none;margin-top:18px;}
@media(max-width:960px){.news-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){
  .news-grid{grid-template-columns:1fr;}
  .news-head .btn{display:none;}
  .news-more{display:flex;}
  .news-more .btn{width:100%;}
}

/* ── 목록 쪽 ───────────────────────────────── */
.blog-list{padding-top:clamp(40px,5vw,72px);}
.blog-list .news-grid{row-gap:clamp(18px,2vw,28px);}

/* ── 글 쪽 ─────────────────────────────────── */
.post-head .meta span{white-space:nowrap;}
.post-cover{max-width:980px;margin:clamp(28px,4vw,48px) auto 0;padding-inline:var(--pad);}
.post-cover img{width:100%;height:auto;display:block;border:1px solid var(--edge);}
.post{max-width:780px;margin:0 auto;padding:clamp(34px,4.4vw,60px) var(--pad) 0;}
.post p{font-size:17px;line-height:1.86;color:var(--mist);margin:0 0 1.25em;word-break:keep-all;}
.post h2{font-size:clamp(22px,2.6vw,30px);line-height:1.3;margin:2.1em 0 .8em;padding-left:16px;
  border-left:4px solid var(--hazard);letter-spacing:-0.03em;}
.post figure{margin:1.8em 0 2em;}
.post figure img{width:100%;height:auto;display:block;border:1px solid var(--edge);background:var(--steel);}
.post figcaption{margin-top:10px;font-size:14px;color:var(--haze);line-height:1.55;word-break:keep-all;}
.post figcaption::before{content:'';display:inline-block;width:14px;height:2px;background:var(--hazard);
  vertical-align:middle;margin-right:9px;}
.post-cta{max-width:780px;margin:clamp(34px,4vw,56px) auto 0;padding:0 var(--pad);}
.post-cta .box{border:1px solid var(--edge);background:var(--graphite);padding:clamp(24px,3vw,36px);}
.post-cta h2{font-size:clamp(22px,2.6vw,30px);line-height:1.3;}
.post-cta p{margin-top:12px;color:var(--haze);font-size:15.5px;word-break:keep-all;}
.post-cta .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.post-cta .row .btn{flex:1 1 200px;}
.post-rel{max-width:780px;margin:clamp(28px,3vw,40px) auto 0;padding:0 var(--pad);}
.post-rel .mono{margin-bottom:14px;}
.post-rel .catnav{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}
.post-more{max-width:var(--maxw);margin:clamp(48px,6vw,90px) auto 0;padding:0 var(--pad);}
.post-more .news-head h2{font-size:clamp(24px,3vw,38px);}
@media(max-width:620px){.post p{font-size:16.5px;}}

/* 지피티 그림 표시 — 실제 현장 사진과 헷갈리지 않게 (대표 2026-09-27) */
.post-cover{position:relative;}
.img-flag{display:inline-block;margin-right:8px;padding:1px 7px;border:1px solid var(--edge);
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--haze);background:rgba(8,9,11,.6);vertical-align:1px;}
.img-flag.on-cover{position:absolute;right:calc(var(--pad) + 10px);bottom:10px;margin:0;}
.post figure.gen figcaption::before{display:none;}
.post-video video{width:100%;aspect-ratio:16/9;display:block;background:#000;border:1px solid var(--edge);}
.post-cta .naver-link{margin-top:16px;}
.post-cta .naver-link a{color:var(--hazard);}
.post-rel .catnav{margin-top:0;}
.news-card .img-flag.on-card{position:absolute;right:10px;bottom:10px;margin:0;}

/* 글 끝 네이버 블로그 칸 (대표 2026-09-27 「블로그 연동도 해줘」) */
.post-blog{max-width:780px;margin:18px auto 0;padding:0 var(--pad);}
.post-blog .box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;border:1px solid var(--edge);border-left:4px solid #03c75a;background:var(--graphite);padding:clamp(20px,2.6vw,28px);}
.post-blog .eyebrow{flex-basis:100%;color:#03c75a;}
.post-blog h2{font-size:clamp(19px,2.2vw,24px);line-height:1.3;}
.post-blog .btn{white-space:nowrap;}