.ams-article-page {
  width: min(900px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(36px, 6vw, 80px) 0 clamp(72px, 9vw, 118px);
}

.ams-breadcrumbs {
  margin-bottom: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: rgba(5, 50, 43, .55);
  font-size: 13px;
}

.ams-article { color: #05322b; }
.ams-article__header { max-width: 780px; margin: 0 auto 38px; text-align: center; }
.ams-article__header h1 { margin: 18px 0; font-size: clamp(38px, 6vw, 68px); line-height: 1.18; }
.ams-article__excerpt { margin: 0; color: rgba(5, 50, 43, .66); font-size: clamp(17px, 2vw, 20px); line-height: 1.9; }
.ams-article__meta { margin-top: 22px; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 18px; color: rgba(5, 50, 43, .58); font-size: 13px; }
.ams-article__image { margin: 0 0 36px; overflow: hidden; border-radius: 24px; }
.ams-article__image img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; display: block; }
.ams-answer-box, .ams-summary, .ams-takeaways, .ams-article__section { margin: 28px 0; padding: clamp(22px, 4vw, 34px); border: 1px solid rgba(5, 50, 43, .1); border-radius: 20px; background: #f4f7f5; }
.ams-answer-box h2, .ams-summary h2, .ams-takeaways h2, .ams-article__section h2 { margin: 0 0 12px; font-size: clamp(23px, 3vw, 30px); }
.ams-answer-box p, .ams-summary p { margin: 0; line-height: 2; }
.ams-article__content { font-size: clamp(16px, 1.8vw, 18px); line-height: 2.05; }
.ams-article__content h2 { margin: 46px 0 16px; font-size: clamp(27px, 4vw, 38px); line-height: 1.35; }
.ams-article__content h3 { margin: 34px 0 12px; font-size: clamp(22px, 3vw, 29px); }
.ams-article__content p { margin: 0 0 22px; }
.ams-article__content img { max-width: 100%; height: auto; border-radius: 16px; }
.ams-article__content table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.ams-article__content th, .ams-article__content td { padding: 12px; border: 1px solid rgba(5, 50, 43, .14); text-align: right; }
.ams-article__content blockquote { margin: 24px 0; padding: 12px 22px; border-inline-start: 3px solid #25897a; background: #f4f7f5; }
.ams-article__section details { border-top: 1px solid rgba(5, 50, 43, .1); padding: 16px 0; }
.ams-article__section summary { cursor: pointer; font-weight: 700; }
.ams-article__section dd { margin: 6px 0 18px; color: rgba(5, 50, 43, .7); }
.ams-preview-banner { position: sticky; top: 0; z-index: 100; padding: 10px 18px; background: #8d5c18; color: #fff; text-align: center; font-weight: 700; }
.ams-blog-pagination { grid-column: 1 / -1; display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.ams-blog-pagination a, .ams-blog-pagination span { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid rgba(5, 50, 43, .12); }
.ams-blog-pagination span { background: #05322b; color: #fff; }
.ams-guide-card__title-link { color: inherit; }

@media (max-width: 640px) {
  .ams-article-page { width: calc(100% - 32px); }
  .ams-article__header { text-align: right; }
  .ams-article__meta { justify-content: flex-start; }
}