@media (max-width: 600px) {
  .hdr-inner .site-mark { flex-shrink: 1 !important; min-width: 0 !important; }
  .hdr-inner .brand-type { font-size: 1rem !important; line-height: 1.05 !important; white-space: normal !important; overflow-wrap: anywhere; }
  .hdr-inner .hdr-r { flex-shrink: 0; }
}
@media (max-width: 1024px) {
  div:has(> main):has(> aside) { grid-template-columns: minmax(0, 1fr) !important; }
  div:has(> main):has(> aside) > main, div:has(> main):has(> aside) > aside { min-width: 0 !important; max-width: 100% !important; }
  main img, main video, main iframe, main table, main pre, aside img { max-width: 100% !important; }
  main, aside { overflow-wrap: anywhere; }
}