/* 2026-08-11 まちなみ市民賞スマホ画面 修正指示対応 */
@media(max-width:767px){
  /* 投票方法・注意事項：スマホでは行間と項目間を詰めて表示 */
  .page-home .home-vote-guide-inline__columns>section{
    padding:16px 18px;
  }
  .page-home .home-vote-guide-inline__columns h3{
    margin:0 0 14px;
    padding-bottom:9px;
  }
  .page-home .home-vote-guide-inline__columns ol,
  .page-home .home-vote-guide-inline__columns ul{
    margin:0;
    padding-left:1.35em;
    line-height:1.55;
  }
  .page-home .home-vote-guide-inline__columns li+li{
    margin-top:6px;
  }
  .page-home .vote-guide-action{
    gap:6px;
    line-height:1.45;
  }

  /* 撮影エリア：8ボタンを4列×2行で表示 */
  .page-home .home-area-filter__buttons{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px 6px;
    width:100%;
  }
  .page-home .home-area-filter__button{
    justify-content:center;
    width:100%;
    min-width:0;
    padding:7px 3px;
    gap:4px;
    font-size:.78rem;
    line-height:1.2;
    white-space:nowrap;
  }
  .page-home .home-area-filter__button .home-area-filter__dot,
  .page-home .home-area-filter__dot{
    width:9px;
    height:9px;
    flex-basis:9px;
  }

  /* 添付指示どおり、スマホ作品一覧は1行2作品を維持 */
  .page-home #all-works.works-stream,
  .page-home #all-works.grid.cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}