/* layout-20261030：情報分類＋響應式列數（手機1｜平板2｜電腦3） */
.grid-3,.grid-2,.grid-4{gap:16px}
@media (max-width:1023px){
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:639px){
  .grid-3,.grid-2,.grid-4{grid-template-columns:minmax(0,1fr)}
  .wrap{padding-left:16px;padding-right:16px}
}
/* 分類列：桌面換行、手機橫向滑動 */
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.filter-button{white-space:nowrap;flex:0 0 auto}
.filter-button[aria-pressed="true"]{background:#0f3a52;border-color:#71dcff;color:#eaf9ff;font-weight:800}
@media (max-width:639px){
  .filter-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}
  .filter-row::-webkit-scrollbar{display:none}
}
/* 載入更多 */
.load-more-news{display:block;margin:24px auto 6px;min-height:48px;padding:12px 26px;font-size:15px;font-weight:800;
  background:#0e2134;color:#9feaff;border:1px solid #2c657c;border-radius:12px;cursor:pointer}
.load-more-news:hover{border-color:#71dcff;color:#eaf9ff}
.load-more-news[hidden]{display:none}
/* 卡片在窄屏字級與高度 */
@media (max-width:639px){
  a.news-card{padding:14px}
  a.news-card h3{font-size:17px;-webkit-line-clamp:3}
  a.news-card .card-sum{font-size:13.5px;-webkit-line-clamp:2}
}
/* 平板：列表兩列時卡片稍緊 */
@media (min-width:640px) and (max-width:1023px){
  .grid-3 a.news-card{padding:15px}
  .grid-3 a.news-card h3{font-size:17px}
}