/* 黑白主題的手機版補充：要放在 mobile.css 之後載入，才能蓋過它的灰色與字級 */
@media (max-width: 600px) {
  .grid { gap: 0 !important; }
  .note-title { font-size: 1.1875rem !important; }
  .tabs { margin-top: 4px; }
  .topnav { grid-template-columns: 1fr auto; padding: 6px 16px; }
  .tn-mid { display: none; }
  .tn-end { gap: 16px; }
  .hero { height: 66vh; height: 66svh; min-height: 420px; max-height: 560px; }
  .hc { left: 16px; right: 16px; top: auto; bottom: 136px; }
  .hc h2 { font-size: 1.5rem; }
  .hnav { left: 16px; right: 16px; gap: 0 10px; bottom: 8px; }
  .hn { font-size: 12px; }
  .hero-skip { right: 16px; bottom: 70px; }
  .wrap { padding-top: 20px; }
  .about { margin-top: 32px; padding-top: 16px; }
  .about h2 { font-size: 1rem; }
  .about p.about-lead, .about-more summary, .about p.about-link { font-size: 1rem; }
}