/* Shared spacing and touch targets, without changing the site's banner artwork. */
.join-quick-action { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; padding:16px 20px; border:1px solid #695536; background:#121a15; }
.join-quick-action strong { color:#f0dfc1; font-size:18px; }
.join-quick-action p { margin:4px 0 0; color:#c8c0b3; line-height:1.5; }
.join-quick-action__buttons { display:flex; flex-wrap:wrap; gap:8px; flex:none; }
.news-list-image { position:relative; }
.news-list-symbol { position:absolute; right:12px; bottom:12px; display:grid; place-items:center; width:46px; height:46px; border:1px solid #b49563; background:#101813e8; color:#e5c993; box-shadow:0 2px 10px #0008; }
.news-list-symbol .icon { width:24px; height:24px; }
@media (min-width:761px) {
  .bk-quicklinks { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .home-calendar__grid { align-items:start; }
}
@media (max-width:760px) {
  .join-quick-action { flex-direction:column; align-items:stretch; padding:16px; }
  .join-quick-action__buttons > * { flex:1; }
  .site-header .mobile-menu-toggle,
  .site-header .account-link { min-width:44px; min-height:44px; width:44px; height:44px; }
  .site-header .header-telegram { min-height:44px; }
  .mobile-bottom { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .mobile-bottom a { min-width:0; min-height:44px; }
  .mobile-bottom a span { font-size:10px; white-space:nowrap; }
  .bk-quicklinks a:last-child:nth-child(odd) { grid-column:1 / -1; border-right:0; }
}
@media (max-width:350px) {
  .site-header .header-actions { gap:2px; }
  .site-header .header-telegram { padding-inline:3px; font-size:10px; gap:2px; }
  .site-header .brand .clan-wordmark { font-size:15px; }
  .site-header .brand .clan-logo > img { width:19px; }
}