body.eg-site #main .media-sns .f2-sns-row{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0}
@media (min-width:901px){
 body.eg-site #main .media-sns .f2-sns-row:has(>.f2-blog-card){grid-template-columns:calc((100% - 72px) * 3 / 4 + 48px) minmax(0,1fr);column-gap:24px;align-items:start}
}
body.eg-site #main .media-sns .f2-blog-card{margin:12px 0 24px;min-width:0}
body.eg-site #main .media-sns .f2-blog-thumb{display:block;width:100%;aspect-ratio:293/265;background:#f2f1ed}
body.eg-site #main .media-sns .f2-blog-label{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--troon-ink-soft,#687078)}
@media (max-width:900px){
 body.eg-site #main .media-sns .f2-blog-card{width:calc((100% - 24px) / 2);margin-top:8px}
}
@media (max-width:600px){
 body.eg-site #main .media-sns .f2-blog-card{width:min(64vw,240px)}
}

/* R57UT7 32(1024) 사장님 원문 1024 01:0x "블로그는 지금 빼놔" — SNS 줄 끝 회색 빈 '블로그' 칸을 official/news/index.html에서 뺐다(나중에 다시 넣을 수 있게 아래에 그대로 남김).
   뺀 마크업(.f2-sns-row 안, .w6-sns-track 바로 뒤):
   <div class="f2-blog-card"><div class="f2-blog-thumb" aria-hidden="true"></div><p class="f2-blog-label">블로그</p></div>
   다시 넣으면 위 :has(>.f2-blog-card) 규칙으로 PC 두 칸(SNS 3/4 + 블로그 1/4)이 그대로 돌아온다. 블로그 칸 규칙(.f2-blog-*)도 남겨 둠.
   빼 둔 동안 PC(901px 이상)는 SNS 줄이 블로그 칸 자리까지 쓰되 SNS 카드 한 장 폭은 전과 같게(줄 폭의 1/4, 위 언론 보도 카드와 같은 네 칸). */
@media (min-width:901px){
 body.eg-site #main .media-sns .f2-sns-row:not(:has(>.f2-blog-card)) .w6-sns-card{flex-basis:calc((100% - 72px) / 4)}
}