/* ---- Layout -------------------------------------------------------------- */
#main {
  animation: intro 0.3s both;
  animation-delay: 0.35s;
}

@media (max-width: 1023px) {
  #main {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 1em;
  }

  #main .archive {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (min-width: 1024px) {
  #main {
    display: block;
    margin-left: 280px;
    padding: 2em 2rem;
    max-width: calc(100% - 280px);
  }

  #main .archive {
    width: 100% !important;
    max-width: 1200px !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
}

@media (min-width: 1400px) {
  #main {
    padding: 2em 3rem;
  }

  #main .archive {
    max-width: 1400px !important;
  }
}

/* ---- LinkedIn Widget ----------------------------------------------------- */
.linkedin-widget-wrapper {
  margin: 2rem 0;
  background: transparent;
  border: none;
}

/* ---- LinkedIn Feed Section ---------------------------------------------- */
.linkedin-feed-section {
  margin: 2rem 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.linkedin-feed-section h2 {
  color: #0077B5;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.linkedin-feed-section p {
  color: #666;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

/* ---- News Items --------------------------------------------------------- */
.news-item {
  background: #fff;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border-left: 4px solid #2a7ae2;
}

.news-item h3 { color: #2c3e50; margin-bottom: 0.5rem; }
.news-date { color: #666; font-size: 0.9rem; margin-bottom: 0.5rem; }
.news-content { line-height: 1.6; }

/* ---- Elfsight Widget Customization -------------------------------------- */
.elfsight-app-212f23be-cd91-4088-853e-f701fc20febc,
div[class*="elfsight"],
div[class*="eapps"] {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---- Dark Theme --------------------------------------------------------- */
html[data-theme="dark"] .linkedin-feed-section {
  background: transparent;
  border: none;
}

html[data-theme="dark"] .linkedin-feed-section h2 { color: #63b3ed; }
html[data-theme="dark"] .linkedin-feed-section p { color: #cbd5f5; }

html[data-theme="dark"] .news-item {
  background: #1a202c;
  border-left-color: #4299e1;
}

html[data-theme="dark"] .news-item h3 { color: #e2e8f0; }
html[data-theme="dark"] .news-date { color: #a0aec0; }

/* ---- Mobile Responsiveness ---------------------------------------------- */
@media (max-width: 768px) {
  .linkedin-widget-wrapper {
    margin: 1rem 0;
  }
}