/* Skip link for keyboard users */
.skip-link {
  position: absolute;
  left: 8px;
  top: -40px;
  z-index: 1000;
  background: #111;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
}
.skip-link:focus { top: 8px; }

/* Sticky header effects */
body.is-scrolled .header-top {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  backdrop-filter: saturate(180%) blur(6px);
}
body.is-scrolled header .logo img { filter: none; }

/* Nav links hover/active */
.nav-links a,
.mobile-links a,
.footer-links a { transition: color .2s ease, opacity .2s ease; }
.nav-links a:hover { opacity: .8; }

/* Footer spacing & readability */
footer .footer-content { gap: 24px; }
footer .footer-links li { margin-bottom: 8px; }
footer .footer-heading { margin-bottom: 12px; }
/* Footer contact list spacing and icon gap */
.footer-contact-list { list-style: none; margin: 0; padding: 0; }
.footer-contact-list li { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; color: #aaa; }
.footer-contact-list li i, .footer-contact-list li svg { margin-right: 0; font-size: 18px; color: var(--accent); flex: 0 0 auto; }

/* Column index tweaks using news styles */
.column-index .tabs { margin-bottom: 16px; }
.column-index .tab-list { display:flex; gap:8px; flex-wrap:wrap; list-style: none; padding-left: 0; margin: 0; }
.column-index .tab-item a { display:block; padding:8px 12px; border:1px solid #ddd; border-radius:999px; }
.column-index .tab-item.active a { background:#111; color:#fff; border-color:#111; }

/* Override news.css width on column template */
body.page-template-page-column .content-wrapper,
body.page-template-page-column .container {
  max-width: 1360px !important;
}

/* Column page: add space below the page title */
body.page-template-page-column .page-title {
  margin-bottom: 32px;
}

/* Article */
.article-header { margin-bottom: 24px; }
.article-cover img { width: 100%; height: auto; border-radius: 6px; }
.toc { background: #f8f8f8; padding:12px 16px; border-radius:6px; margin: 16px 0; }
.toc ul { margin: 8px 0 0; padding-left: 18px; }

/* Fallback logo behavior in column cards */
.news-item-thumb.is-logo { height: auto; display: block; padding: 16px; text-align: center; }
.news-item-thumb.is-logo img.fallback-logo { width: 100%; height: auto; object-fit: contain; }

/* Header/Footer container width */
.header-top .content-wrapper,
footer .content-wrapper {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Header inner alignment (non-invasive) */
.header-inner { display: flex; align-items: center; gap: 16px; }
.header-right { display: flex; align-items: center; gap: 16px; }

/* Nav can wrap on mid widths to avoid overflow */
.main-nav .nav-links { display: flex; flex-wrap: wrap; gap: 12px 16px; }
@media (min-width: 1201px) {
  .main-nav .nav-links { flex-wrap: nowrap; }
}
@media (max-width: 1100px) and (min-width: 769px) {
  .main-nav .nav-links a { font-size: 14px; }
}

/* Footer layout as responsive grid */
footer .footer-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  align-items: start;
}
@media (max-width: 768px) {
  footer .footer-content { grid-template-columns: 1fr; }
}