/* Nhịp khoảng cách toàn site. Nạp sau cùng. Chỉ margin, padding, min-height. Trang V3 tool chỉ đụng đáy chân trang.
   Chuẩn: nen/chu/CHUAN.md mục 5, số trước sau: nen/khoang-trong/. Không !important. */

/* 1. Đuôi nội dung: khối cuối không cộng đệm vào khoảng tới chân trang */
html:root body.sm-body:not(.sm-v3) main.sm-main > :last-child { padding-block-end: 0; margin-block-end: 0; }
html:root body.sm-body:not(.sm-v3) :is(.sm-related, .smh-hub-intro, .sm-about__cta, .d02-intro, .d02, .sm-article, .sm-legal) { padding-block-end: 0; margin-block-end: 0; }
html:root body.sm-body:not(.sm-v3) main.sm-main > .sm-section:last-child, html:root body.sm-body:not(.sm-v3) .sm-legal .sm-section { padding-block-end: 0; }
html:root body.sm-body footer.sm-footer.sm-footer { margin-block-start: 2rem; }
html:root body.sm-body footer.sm-footer.sm-footer .sm-footer__col--brand { padding-block-start: 2rem; }
html:root body.sm-body footer.sm-footer.sm-footer .sm-footer__grid { padding-block-start: 1.5rem; }

/* 2. Đầu nội dung: đường dẫn tới nội dung 24 đến 32 */
html:root body.sm-body:not(.sm-v3) .smh-hero { padding-block: 1.5rem 2rem; }
html:root body.sm-body:not(.sm-v3) main.sm-main > .sm-breadcrumb + .sm-section, html:root body.sm-body:not(.sm-v3) main.sm-main > .sm-breadcrumb + .sm-legal > .sm-section, html:root body.sm-body:not(.sm-v3) .sm-legal.sm-section { padding-block-start: 1.5rem; }
html:root body.sm-body:not(.sm-v3) .sm-about__hero { min-block-size: 0; padding-block: 2rem; }
html:root body.sm-body:not(.sm-v3) .sm-blog-hero { padding-block-start: 2rem; }
html:root body.sm-body:not(.sm-v3) .sm-article-hero { padding-block: 0; }
html:root body.sm-body:not(.sm-v3) .smh-section { padding-block-start: 0; }
html:root body.sm-body:not(.sm-v3) .sm-about__story { padding-block-start: .5rem; }
html:root body.sm-body:not(.sm-v3) .references { margin-block-start: 1.5rem; }
html:root body.sm-body:not(.sm-v3) .sm-cta-hub { margin-block-end: 1.5rem; }
html:root body.sm-body:not(.sm-v3) .sm-article__epilogue { margin-block-start: 1.5rem; padding-block-start: 1rem; }

/* 3. Giữa phần: máy tính tối đa 64 */
html:root body.sm-body:not(.sm-v3) .sm-related { margin-block-start: 0; padding-block-start: 2rem; }
html:root body.sm-body:not(.sm-v3) .smh-section { padding-block-end: 2rem; }
html:root body.sm-body:not(.sm-v3) .sm-article__epilogue { padding-block-end: 0; }
html:root body.sm-body:not(.sm-v3) .sm-cat-carousel { margin-block-end: 1rem; }
html:root body.sm-body:not(.sm-v3) .sm-pagination { margin-block-start: 2rem; }
html:root body.sm-body:not(.sm-v3) :is(.sm-about__stats-section, .sm-about__domains, .sm-about__cta, .sm-about__tech, .sm-about__sources) { padding-block-start: 2rem; }
html:root body.sm-body:not(.sm-v3) .sm-meander-divider { padding-block: .5rem; }
html:root body.sm-body:not(.sm-v3) .d02-intro { margin-block-start: 1rem; }
html:root body.sm-body:not(.sm-v3) .sm-section__subtitle { margin-block-end: 2rem; }

/* 4. Chân trang: đáy vừa đủ cho nút nổi 48 + cách đáy 16 + khe 8 */
html:root body.sm-body footer.sm-footer.sm-footer .sm-footer__bottom { margin-block-start: 1rem; padding-block: 1rem .75rem; }

@media (max-width: 768px) {
  html:root body.sm-body:not(.sm-v3) { padding-block-end: 3rem; }
  html:root body.sm-body:not(.sm-v3) main.sm-main > .sm-breadcrumb { padding-block-start: calc(var(--header-height) + 1rem); }
  html:root body.sm-body footer.sm-footer.sm-footer { margin-block-start: 1.5rem; padding-block-end: 0; }
  html:root body.sm-body.sm-v3 footer.sm-footer.sm-footer.sm-footer { padding-block-end: 3rem; }
  html:root body.sm-body footer.sm-footer.sm-footer .sm-footer__col--brand { padding-block-start: 1.5rem; }
  html:root body.sm-body:not(.sm-v3) .smh-hero { padding-block: .75rem 1.5rem; }
  html:root body.sm-body:not(.sm-v3) .sm-about__hero { padding-block: 1.5rem; }
  html:root body.sm-body:not(.sm-v3) .sm-blog-hero { padding-block-start: 1.5rem; }
  html:root body.sm-body:not(.sm-v3) .sm-related { padding-block-start: 1.5rem; }
  html:root body.sm-body:not(.sm-v3) .smh-section { padding-block-end: 1.5rem; }
  html:root body.sm-body:not(.sm-v3) .sm-cat-carousel { margin-block-end: .75rem; }
  html:root body.sm-body:not(.sm-v3) .sm-pagination { margin-block-start: 1.5rem; }
  html:root body.sm-body:not(.sm-v3) :is(.sm-about__stats-section, .sm-about__domains, .sm-about__cta, .sm-about__tech, .sm-about__sources) { padding-block-start: 1.5rem; }
  html:root body.sm-body:not(.sm-v3) main.sm-main > .sm-breadcrumb + .sm-section, html:root body.sm-body:not(.sm-v3) main.sm-main > .sm-breadcrumb + .sm-legal > .sm-section, html:root body.sm-body:not(.sm-v3) .sm-legal.sm-section { padding-block-start: .75rem; }
}