#articles[data-builder-articles] {
  padding: 80px 20px;
  scroll-margin-top: 110px;
}
#articles .feature-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow-wrap: anywhere;
}
#articles .feature-card h3 { margin-bottom: 0; }
#articles .feature-card h3 a { color: inherit; text-decoration: none; }
#articles .feature-card h3 a:hover { text-decoration: underline; }
#articles .feature-card .btn { margin-top: auto; }
#articles time { color: var(--text-muted); }
.wp-article-breadcrumb-wrap { margin-top: 110px; }
nav[data-breadcrumbs], .wp-article-body nav.article-toc {
  position: static;
  inset: auto;
  width: auto;
  height: auto;
  background: transparent;
  padding: 0;
  transition: none;
  transform: none;
}
nav[data-breadcrumbs] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 12px;
  overflow-wrap: anywhere;
  color: var(--text-muted);
}
nav[data-breadcrumbs] a, .wp-article-body nav.article-toc a {
  width: auto;
  padding: 0;
  border: 0;
  font-size: inherit;
  transform: none;
}
.wp-article-main { padding: 24px 0 0; }
.wp-article-section { padding: 0; }
.wp-article-card {
  max-width: 900px;
  margin: 0 auto;
  padding: 50px 40px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  min-width: 0;
  overflow-wrap: anywhere;
}
.wp-article-card .wp-article-header {
  position: static;
  inset: auto;
  z-index: auto;
  background: transparent;
  backdrop-filter: none;
  border: 0;
  margin-bottom: 30px;
}
.wp-article-header h1 {
  color: var(--primary);
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1.2;
}
.wp-article-date { color: var(--text-muted); margin-bottom: 14px; }
.wp-article-body { line-height: 1.8; color: var(--text-muted); }
.wp-article-body .builder-article { font-size: 18px; }
.wp-article-body .builder-article p { margin: 0 0 20px; }
.wp-article-body .builder-article h2 {
  font-size: clamp(25px, 4vw, 32px);
  color: var(--primary);
  margin: 36px 0 18px;
}
.wp-article-body .builder-article h3 {
  font-size: 24px;
  color: var(--accent);
  margin: 26px 0 14px;
}
.wp-article-body .builder-article ul,
.wp-article-body .builder-article ol { margin: 16px 0 24px; padding-left: 26px; }
.wp-article-body .builder-article li { margin-bottom: 8px; }
.wp-article-body a { color: var(--accent); text-underline-offset: 3px; }
.wp-article-body nav.article-toc { display: block; margin: 24px 0; }
.wp-article-body .article-toc ul { margin-top: 12px; }
.wp-article-body .article-toc a { text-decoration: underline; }
.wp-article-body figure { margin: 26px 0; }
.wp-article-body img { display: block; max-width: 100%; height: auto; border-radius: 16px; }
.wp-article-body figcaption { margin-top: 10px; font-size: 16px; }
.wp-article-body .article-byline { font-size: 16px; }
.wp-article-body [id] { scroll-margin-top: 110px; }
.wp-article-body .article-table-wrap { max-width: 100%; overflow-x: auto; margin: 24px 0; }
.wp-article-body .article-table-wrap .scoring-table { margin: 0; }
.wp-article-body .article-table-wrap th,
.wp-article-body .article-table-wrap td { vertical-align: top; }
.wp-article-body > .section { padding: 20px 0 !important; }
.wp-article-body > .section > .container { padding: 0; }
.wp-article-body > .section .tips-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
#articles a:focus-visible,
.wp-article-body a:focus-visible,
nav[data-breadcrumbs] a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (min-width: 769px) and (max-width: 1100px) {
  nav[data-site-navigation] { gap: 12px; }
}
@media (max-width: 768px) {
  nav[data-site-navigation] { overflow-y: auto; }
  .wp-article-breadcrumb-wrap { margin-top: 100px; }
}
@media (max-width: 640px) {
  #articles[data-builder-articles] { padding: 60px 15px; }
  #articles .container { padding: 0; }
  .wp-article-card { padding: 30px 20px; }
  .wp-article-body .builder-article { font-size: 17px; }
  .wp-article-body .article-table-wrap th,
  .wp-article-body .article-table-wrap td { padding: 12px 10px; }
}