/* Mobile-only homepage adjustments; desktop keeps the original layout. */
.main .banner-more .banner-more-label { display: none; }

@media (max-width: 767px) {
  body.main { margin-top: 0; }
  .main header { position: static; padding: 12px 0 0; border-bottom: 1px solid #eee; }
  .main header .container { max-width: none; width: calc(100% - 32px); flex-direction: column; align-items: center; gap: 8px; }
  .main header .logo { width: 160px; height: 36px; }
  .main header nav { width: 100%; max-width: 480px; }
  .main header nav ul { padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .main header nav ul li + li { margin-left: 0; }
  .main header nav ul li a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 4px; font-size: 14px; line-height: 1.5; }
  .main header nav ul li a.active { color: #8a642c; border-bottom: 2px solid #e1b264; }

  .main .banner {
    --home-banner-height: clamp(240px, 48vw, 340px);
    height: var(--home-banner-height);
    background-size: auto 100%;
    background-position: -12px center;
  }
  .main .banner-more {
    left: calc(var(--home-banner-height) * 0.3253333333 - 12px);
    top: calc(var(--home-banner-height) * 0.6093333333);
    width: 140px;
    min-height: 44px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    background: #e1b264;
    color: #383838;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
  }
  .main .banner-more .banner-more-label { display: inline; }

  .main #news { scroll-margin-top: 16px; }
  .main .articles-section .title { overflow-wrap: anywhere; }
  .main .articles-right-section .title { -webkit-line-clamp: 3; }
  .main .articles-right-section .article + .article { border-top: 1px solid #ddd; }
  .main .article .badge { border: 1px solid #ddd; color: #666; }
  .main .article .content { color: #666; }

  .main footer { padding: 24px 20px; font-size: 12px; line-height: 1.8; text-align: center; }
  .main footer nav.container { max-width: none; width: 100%; margin-bottom: 12px !important; }
  .main footer nav ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 8px; }
  .main footer nav ul li + li { margin-left: 0; }
  .main footer nav ul li a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 4px; font-size: 14px; }
  .main footer > div { max-width: 100%; overflow-wrap: anywhere; }
  .main footer > div + div { margin-top: 8px; }
  .main footer .links a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 4px; color: #8a642c; }
  .main a:focus-visible { outline: 2px solid #a37c3c; outline-offset: 3px; }
  .main .banner-more:focus-visible { outline-color: #fff; }
}