/* ══════════════════════════════════════════════════════
   頁頭 LOGO 版式 — 圖標 + 文字
   載入於 index.html，覆寫 bundle 內 .logo__img 定義
   頁頭高 --header-h: 84px，故圖標控制在 58px 內留白
   ══════════════════════════════════════════════════════ */

.hdr .logo{gap:7px;margin-left:96px}

/* 圖標：略高於文字，底部人像與文字基線對齊 */
.hdr .logo__img{
  height:58px;
  width:auto;
  display:block;
  flex:none;
  margin-top:-1px;
}

/* 文字「里長在嗎?」 */
.hdr .logo__word{
  display:inline-flex;
  align-items:baseline;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif;
  font-size:33px;
  font-weight:900;
  letter-spacing:.01em;
  color:#221a13;
  line-height:1;
  white-space:nowrap;
  transform:translateY(2px);
}
.hdr .logo__word .logo__q{
  font-style:normal;
  color:#c8342a;
  font-weight:900;
  margin-left:1.5px;
}

/* 大字体模式（html[data-bigfont=on]）頁頭仍為 76px，等比縮小 */
html[data-bigfont=on] .hdr .logo__img{height:50px}
html[data-bigfont=on] .hdr .logo__word{font-size:29px}

/* ── 響應式：整組等比縮放 ── */
@media (max-width:1200px){
  .hdr .logo{gap:9px;margin-left:40px}
  .hdr .logo__img{height:50px}
  .hdr .logo__word{font-size:29px}
}
@media (max-width:900px){
  .hdr .logo{gap:8px;margin-left:18px}
  .hdr .logo__img{height:44px}
  .hdr .logo__word{font-size:25px}
}
@media (max-width:520px){
  .hdr .logo{gap:6px;margin-left:14px}
  .hdr .logo__img{height:38px}
  .hdr .logo__word{font-size:21px;letter-spacing:0}
}