.wp-article-main { min-width: 0; }
.wp-article-section { padding: 32px 0 90px; background: var(--gray-bg); }
.wp-article-card { background: var(--card-bg); border: 1px solid var(--border-light); border-radius: 32px; padding: 32px; overflow-wrap: anywhere; }
.wp-article-header { margin-bottom: 28px; }
.wp-article-header h1 { font-size: clamp(1.8rem, 4vw, 2.3rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.25; }
.wp-article-date { color: var(--text-muted); margin-bottom: 12px; }
.wp-article-body { line-height: 1.75; }
.wp-article-body > p { max-width: 78ch; }
.wp-article-body p, .wp-article-body ul, .wp-article-body ol, .wp-article-body figure, .wp-article-body .wp-article-table { margin-bottom: 24px; }
.wp-article-body h2 { font-size: 1.6rem; line-height: 1.3; margin: 32px 0 16px; }
.wp-article-body h3 { font-size: 1.2rem; line-height: 1.4; margin: 24px 0 12px; }
.wp-article-body ul, .wp-article-body ol { padding-left: 1.5em; }
.wp-article-body li + li { margin-top: 8px; }
.wp-article-body a, .wp-article-breadcrumbs a, #articles .advantage-title a { color: var(--primary); text-underline-offset: 0.2em; }
.wp-article-body a:focus-visible, .wp-article-breadcrumbs a:focus-visible, #articles a:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
.wp-article-body img { display: block; max-width: 100%; width: 100%; height: auto; border-radius: 32px; }
.wp-article-body figcaption { margin-top: 10px; color: var(--text-muted); font-size: 0.9rem; }
.wp-article-body .wp-article-toc { padding: 20px 24px; border: 1px solid var(--border-light); border-radius: 32px; margin: 24px 0; }
.wp-article-body .wp-article-toc h2 { margin-top: 0; }
.wp-article-body .wp-article-toc ul { margin-bottom: 0; }
.wp-article-body .wp-article-table { max-width: 100%; overflow-x: auto; }
.wp-article-body table { border-collapse: collapse; width: 100%; text-align: left; }
.wp-article-body caption { text-align: left; font-weight: 600; margin-bottom: 12px; }
.wp-article-body th, .wp-article-body td { padding: 12px 16px; border: 1px solid var(--border-light); vertical-align: top; }
.wp-article-body th { background: var(--gray-bg); }
.wp-article-body [id], #articles { scroll-margin-top: 110px; }
.wp-article-breadcrumbs { padding-top: 24px; padding-bottom: 24px; overflow-wrap: anywhere; }
#articles .advantages-grid { grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr)); }
#articles .builder-article-preview { display: flex; flex-direction: column; gap: 16px; min-width: 0; overflow-wrap: anywhere; }
#articles .builder-article-preview .advantage-title { margin-bottom: 0; }
#articles .builder-article-preview > .btn { align-self: center; margin-top: auto; }
#articles .builder-article-preview time { color: var(--text-muted); font-size: 0.9rem; }
.nav[data-site-navigation="true"] { gap: 16px; flex-wrap: wrap; }
.nav[data-site-navigation="true"] .builder-articles-link { flex-shrink: 0; }
@media (min-width: 769px) and (max-width: 1200px) {
.nav[data-site-navigation="true"] .nav-desktop { gap: 16px; flex-wrap: wrap; }
}
@media (max-width: 640px) {
.wp-article-section { padding: 16px 0 48px; }
.wp-article-card { padding: 24px 16px; }
.wp-article-body .wp-article-toc { padding: 16px; }
.wp-article-body th, .wp-article-body td { padding: 10px; }
.wp-article-body img { border-radius: 24px; }
#articles { padding: 48px 0; }
}
@media (max-width: 420px) {
.nav[data-site-navigation="true"] .logo-link { flex-basis: 100%; }
.nav[data-site-navigation="true"] .logo-svg { flex-shrink: 0; }
.nav[data-site-navigation="true"] + .mobile-menu { top: 120px; max-height: calc(100dvh - 120px); overflow-y: auto; }
}
