.seo-article {
  --seo-project-ink: #373633;
  --seo-project-accent: #8B6F5A;
  --seo-project-surface: #FAF9F6;
  --seo-project-surface-alt: #EEEAE4;
  --seo-project-border: #D2CCC4;
  --seo-project-muted: #77716B;
  --seo-project-radius: 3px;
  --seo-project-content-width: 1540px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-inline: auto;
  padding: clamp(24px, 5vw, 64px) clamp(16px, 4vw, 40px);
  overflow-wrap: anywhere;
  color: var(--seo-project-ink);
  font-family: inherit;
  font-size: 18px;
  line-height: 1.85;
  text-size-adjust: 100%;
}
.seo-article *, .seo-article *::before, .seo-article *::after { box-sizing: border-box; }
.seo-article .seo-article__body { width: min(100%, var(--seo-project-content-width)); min-width: 0; margin-inline: auto; }
.seo-article .seo-article__breadcrumb { margin: 0 0 20px; color: var(--seo-project-muted); font-size: .82rem; }
.seo-article .seo-article__breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.seo-article .seo-article__breadcrumb li + li::before { margin-right: 8px; content: "/"; }
.seo-article .seo-article__hero { margin: 0 0 40px; }
.seo-article .seo-article__title { margin: 0 0 24px; color: var(--seo-project-ink); font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
.seo-article .seo-article__section-title { margin: 56px 0 20px; padding-top: 16px; border-top: 1px solid var(--seo-project-border); color: var(--seo-project-ink); font-size: clamp(1.45rem, 3.2vw, 2rem); font-weight: 600; line-height: 1.35; }
.seo-article .seo-article__subsection-title { margin: 32px 0 14px; color: var(--seo-project-ink); font-size: clamp(1.15rem, 2.4vw, 1.4rem); line-height: 1.45; }
.seo-article p { margin: 0 0 1.25em; }
.seo-article ul, .seo-article ol { margin: 0 0 1.5em; padding-left: 1.4em; }
.seo-article li { margin: .4em 0; }
.seo-article a { color: var(--seo-project-accent); text-decoration-thickness: 1px; text-underline-offset: .18em; }
.seo-article .seo-article__introduction { margin: 0 0 32px; padding-left: 20px; border-left: 2px solid var(--seo-project-accent); }
.seo-article .seo-article__takeaways { margin: 32px 0; padding: 24px; border: 1px solid var(--seo-project-border); border-radius: var(--seo-project-radius); background: var(--seo-project-surface-alt); }
.seo-article .seo-article__section { min-width: 0; scroll-margin-top: 24px; }
.seo-article .seo-article__figure { width: 100%; max-width: 100%; margin: 32px 0; }
.seo-article .seo-article__figure img, .seo-article .seo-article__image { display: block; float: none; width: 100%; max-width: 100%; height: auto; border: 0; object-fit: cover; }
.seo-article .seo-article__figure figcaption { margin-top: 10px; color: var(--seo-project-muted); font-size: .82rem; text-align: center; }
.seo-article .seo-article__table-wrap { width: 100%; max-width: 100%; margin: 32px 0; overflow-x: auto; border: 1px solid var(--seo-project-border); -webkit-overflow-scrolling: touch; }
.seo-article .seo-article__table { width: 100%; min-width: 640px; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; background: var(--seo-project-surface); }
.seo-article .seo-article__table caption { padding: 16px; color: var(--seo-project-ink); font-weight: 600; text-align: left; }
.seo-article .seo-article__table th, .seo-article .seo-article__table td { padding: 14px 16px; border: 1px solid var(--seo-project-border); vertical-align: top; text-align: left; }
.seo-article .seo-article__table th { background: var(--seo-project-surface-alt); }
.seo-article blockquote { margin: 28px 0; padding: 18px 22px; border-left: 3px solid var(--seo-project-accent); background: var(--seo-project-surface-alt); }
.seo-article .seo-article__notice { margin: 28px 0; padding: 18px 22px; border: 1px solid var(--seo-project-border); background: var(--seo-project-surface-alt); }
.seo-article .seo-article__cta { margin: 32px 0; }
.seo-article .seo-article__cta-link, .seo-article .seo-article__cta a { display: inline-flex; align-items: center; min-height: 44px; padding: 12px 20px; border: 1px solid var(--seo-project-accent); border-radius: var(--seo-project-radius); background: var(--seo-project-accent); color: #fff; font-weight: 600; line-height: 1.4; text-decoration: none; }
.seo-article .seo-article__faq { margin-top: 56px; }
.seo-article .seo-article__faq-item { border-top: 1px solid var(--seo-project-border); }
.seo-article .seo-article__faq-question { padding: 18px 0; color: var(--seo-project-ink); font-weight: 600; cursor: pointer; }
.seo-article .seo-article__internal-links { margin: 48px 0; border-top: 1px solid var(--seo-project-border); }
.seo-article .seo-article__pagination { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 48px 0; }
.seo-article .seo-article__pagination-link, .seo-article .seo-article__pagination a { display: block; min-width: 0; padding: 18px; border: 1px solid var(--seo-project-border); color: var(--seo-project-ink); text-decoration: none; }
.seo-article .seo-article__next { text-align: right; }
.seo-article .seo-article__related { margin: 48px 0 24px; }
.seo-article .seo-article__related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.seo-article .seo-article__related-card { min-width: 0; overflow: hidden; border: 1px solid var(--seo-project-border); background: var(--seo-project-surface); }
.seo-article .seo-article__related-link { display: flex; height: 100%; flex-direction: column; color: var(--seo-project-ink); text-decoration: none; }
.seo-article .seo-article__related-media { width: 100%; overflow: hidden; aspect-ratio: 16 / 9; }
.seo-article .seo-article__related-media img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover; }
.seo-article .seo-article__related-body { padding: 16px; }
.seo-article .seo-article__related-category { color: var(--seo-project-accent); font-size: .75rem; }
.seo-article .seo-article__related-title { margin: 8px 0 0; font-size: 1rem; line-height: 1.5; }
.seo-article .seo-article__related-excerpt { margin: 8px 0 0; color: var(--seo-project-muted); font-size: .82rem; }
@media (max-width: 1024px) { .seo-article .seo-article__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) { .seo-article { padding-inline: 20px; } .seo-article .seo-article__table { min-width: 560px; } }
@media (max-width: 480px) { .seo-article { padding-inline: 16px; font-size: 17px; } .seo-article .seo-article__pagination, .seo-article .seo-article__related-grid { grid-template-columns: 1fr; } .seo-article .seo-article__next { text-align: left; } .seo-article .seo-article__cta a { width: 100%; justify-content: center; } }
@media (max-width: 375px) { .seo-article { padding-inline: 14px; } }
@media (prefers-reduced-motion: reduce) { .seo-article *, .seo-article *::before, .seo-article *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* Embedded project theme: ekuo-quiet-architectural-editorial */