/* News list (category.php) and article (single.php). Header / footer come from landing/css/style.css.
   ค่าทั้งหมดวัดจากดีไซน์
     PC  — 2-查看更多页 / 3-详情页 (อาร์ตบอร์ด 1920x1080, px ตรงตามดีไซน์)
     H5  — 资讯页H5 (750 กว้าง @2x → ใช้ --m = 1px ของจอ 375)
   สีหลัก: ตัวหนังสือ #5e5e5e · วันที่ #999 · ป้ายหมวด #cab289 · แท็บที่เลือก #454545 · ปุ่มกลับ #333 (hover #666) */

body.az-news-page {
  background:
    url("/landing/post-cetegory-design/BG1.png") top center / 1920px auto no-repeat,
    #fafdff url("/landing/assets/news/news_texture.png") 0 0 repeat !important;
  color: #5e5e5e !important;
}

body.az-news-page.is-detail {
  background:
    url("/landing/post-cetegory-design/BG2.png") top center / 1920px auto no-repeat,
    #fafdff url("/landing/assets/news/news_texture.png") 0 0 repeat !important;
}

body.az-news-page .menu_overlay[hidden] { display: none !important; }

/* PC: โลโก้สีเข้มบนฉากสว่างตามดีไซน์ ไม่มีเงาไล่ดำ — มือถือคงโลโก้ขาวบนพื้นมืดด้านบนของรูปพื้นหลัง H5 */
body.az-news-page .az-landing .header--pc .logo {
  filter: brightness(0);
}

body.az-news-page .az-landing .header::before {
  content: none;
}

/* ฟุตเตอร์ซ่อนใต้จอ ทั้งหน้ารายการและหน้ารายละเอียด โผล่เมื่อเลื่อนลงต่อที่ท้ายหน้า */
body.az-news-page .az-landing .footer_dim { display: none !important; }

body.az-news-page .az-landing .footer {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 90;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: translateY(100%) !important;
  transition: transform .45s cubic-bezier(.07, .43, .37, .97);
}

body.az-news-page .az-landing.is-footer-on .footer {
  transform: none !important;
}

/* โพสต์น้อยกว่าจอ — ดัน footer ไปชิดขอบล่าง เนื้อหายาวกว่าจอให้เลื่อนตามปกติ */
body.az-news-page {
  display: flex !important;
  flex-direction: column;
  height: auto !important;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: auto !important;
  overscroll-behavior: auto !important;
}

body.az-news-page .az-landing.az-news {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
}

/* =========================================================================
   PC
   ========================================================================= */
body.az-news-page .az-sheet {
  --ink: #5e5e5e;
  --muted: #999;
  --tag: #cab289;
  --col: min(1221px, calc(100% - 64px));
  position: relative;
  flex: 1 0 auto;
  width: 100%;
  margin: 0 auto;
  padding: 169px 0 120px;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
}

body.az-news-page .az-sheet a { color: inherit; text-decoration: none; }

/* landing/css/style.css บังคับ h1-h3 ใน .az-landing เป็นตัวมีเชิง (--serif !important)
   หัวข้อข่าว / หัวข้อย่อย / 资讯 ในดีไซน์เป็นตัวไม่มีเชิง จึงต้องทับด้วยตัวเลือกที่เจาะจงกว่า */
body.az-news-page .az-sheet .wm-wrap,
body.az-news-page .az-sheet .article-top h1,
body.az-news-page .az-sheet .article-body h1,
body.az-news-page .az-sheet .article-body h2,
body.az-news-page .az-sheet .article-body h3 {
  font-family: var(--sans) !important;
}

/* ---- list head: NEWS 143x54 ที่ (348,169) · แท็บ y228 · ปุ่มกลับ 100x34 ชิดขวา y231 ---- */
body.az-news-page .az-sheet__head {
  width: var(--col);
  margin: 0 auto;
}

body.az-news-page .wm-wrap {
  margin: 0 0 5px -1px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

body.az-news-page .wm {
  display: block;
  width: 143px;
  height: auto;
}

body.az-news-page .wm-caption { display: none; }

body.az-news-page .az-sheet__bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

/* แท็บ: ตัวหนา 24 สี #666 · hover #999 · ที่เลือก พื้น #454545 ตัว #f0f0f0 กล่อง 66x30
   เส้นคั่น 1x20 rgba(61,69,79,.4) — แท็บห่างกันเฉลี่ย 149.7 (กล่อง 66 + 83.7) */
body.az-news-page .tabs {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0 0 1px;
  list-style: none;
}

body.az-news-page .tabs li,
body.az-news-page .list > li {
  margin-left: 0 !important;
  list-style: none;
}

body.az-news-page .tabs li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

body.az-news-page .tabs li + li::before {
  content: "";
  flex: none;
  width: 1px;
  height: 20px;
  margin: 0 41.35px;
  background: rgba(61, 69, 79, .4);
}

body.az-news-page .tabs a {
  display: block;
  padding: 0 9px;
  color: #666;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  white-space: nowrap;
  transition: color .2s, background-color .2s;
}

body.az-news-page .tabs a:hover { color: #999; }

body.az-news-page .tabs a.is-on {
  background: #454545;
  color: #f0f0f0 !important;
}

/* ปุ่มกลับ 100x34 มุมมน ตัวหนา 18 — ปกติ #333 · hover #666 · กด #333 */
body.az-news-page .back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 100px;
  height: 34px;
  margin-top: 3px;
  padding: 0 14px;
  border-radius: 17px;
  background: #333;
  color: #eee !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: background-color .2s;
}

body.az-news-page .back:hover { background: #666; }
body.az-news-page .back:active { background: #333; }

body.az-news-page .sheet-rule { display: none; }

/* ---- list rows: รูป 178x100 มุม 8 · ห่าง 45 · แถวละ 126
   ป้าย 38x18 ตัว 16 · หัวข้อ 18 ตัวหนา · วันที่ 14 · เส้นประดับ post-line ใต้คอลัมน์ข้อความ (x572..1570) · ลูกศร 13x23 ---- */
body.az-news-page .list {
  width: var(--col);
  margin: 33px auto 0; /* แถบแท็บสูง 37 (ปุ่มกลับเลื่อนลง 3) → รูปแรกที่ y298 */
  padding: 0;
  list-style: none;
}

body.az-news-page .list > li {
  margin: 0;
  padding: 0;
}

body.az-news-page .list > li + li { margin-top: 26px; }

body.az-news-page .news-row {
  display: flex;
  align-items: flex-start;
  gap: 45px;
  height: 100px;
}

body.az-news-page .thumb {
  display: block;
  flex: 0 0 178px;
  width: 178px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
}

body.az-news-page .row-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  height: 100px;
  background: url("/landing/assets/news/post-line.png") 0 86.5px / 100% 14px no-repeat;
}

body.az-news-page .row-line {
  display: flex;
  align-items: center;
  height: 30px;
  min-width: 0;
  padding: 0 90px 0 1px;
}

body.az-news-page .tag {
  flex: none;
  height: 18px;
  padding: 0 3px;
  background: var(--tag);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}

body.az-news-page .row-title {
  min-width: 0;
  margin-left: 5px;
  overflow: hidden;
  color: var(--ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color .2s;
}

/* หัวข้อที่ขึ้นต้นด้วย 《 「 ฯลฯ ดึงช่องว่างครึ่งซ้ายของวงเล็บออก ตัววงเล็บจะชิดป้ายหมวดแบบดีไซน์ */
body.az-news-page .row-title.is-hang { text-indent: -.5em; }

body.az-news-page .news-row:hover .row-title,
body.az-news-page .news-row:active .row-title { color: #333; }

body.az-news-page .row-copy time {
  display: block;
  margin: 34px 0 0 1px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

body.az-news-page .chevron {
  position: absolute;
  top: 11.5px;
  right: 46px;
  width: 13px;
  height: 23px;
  background: url("/landing/assets/news/chevron.png") 0 0 / 100% 100% no-repeat;
}

body.az-news-page .news-row:hover .chevron { background-image: url("/landing/assets/news/chevron_hover.png"); }
body.az-news-page .news-row:active .chevron { background-image: url("/landing/assets/news/chevron_on.png"); }

/* ---- pagination: ลูกศรกลม 24 (รูปเดียวกับลูกศรแบนเนอร์ ปกติ / hover / กด) · เลข 20 สี #bcbcbc หน้าปัจจุบัน #5e5e5e
   ลูกศรขวาจบที่ x1567 (ใน 3.5 จากขอบคอลัมน์) · เลขห่างกัน 23 ---- */
body.az-news-page .pagination {
  display: flex;
  justify-content: flex-end;
  width: var(--col);
  margin: 21px auto 0;
}

body.az-news-page .pagination .nav-links {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 3.5px 0 auto;
}

body.az-news-page .pagination .page-numbers {
  min-width: 11px;
  color: #bcbcbc;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  transition: color .2s;
}

body.az-news-page .pagination a.page-numbers:hover,
body.az-news-page .pagination .page-numbers.current { color: var(--ink); }

body.az-news-page .pagination .page-arrow {
  display: block;
  flex: none;
  width: 24px;
  height: 24.7px;
  background: url("/landing/assets/news/btn_prev.png") 0 0 / 100% 100% no-repeat;
}

body.az-news-page .pagination .page-arrow--prev { margin-right: 18.5px; }

body.az-news-page .pagination .page-arrow--next {
  margin-left: 17px;
  background-image: url("/landing/assets/news/btn_next.png");
}

body.az-news-page .pagination a.page-arrow--prev:hover { background-image: url("/landing/assets/news/btn_prev_hover.png"); }
body.az-news-page .pagination a.page-arrow--next:hover { background-image: url("/landing/assets/news/btn_next_hover.png"); }
body.az-news-page .pagination a.page-arrow--prev:active { background-image: url("/landing/assets/news/btn_prev_on.png"); }
body.az-news-page .pagination a.page-arrow--next:active { background-image: url("/landing/assets/news/btn_next_on.png"); }
body.az-news-page .pagination .page-arrow.is-off { opacity: .5; }

body.az-news-page .list-end { display: none; }

body.az-news-page .empty {
  width: var(--col);
  margin: 18vh auto;
  color: #6a6a6a;
  font-size: 16px;
  text-align: center;
}

/* ---- article: คอลัมน์ 1008 กึ่งกลาง · ข้อความเยื้องเข้า 4 ----
   breadcrumb 18 ตัวหนา (กึ่งกลาง y244.5) · ปุ่มกลับ y231 · หัวข้อ 30 ตัวหนา (กึ่งกลาง y317.5)
   AZUR PROMILIA + วันที่ 16 · post-line 1035 (เส้นที่ y360.5) · ปก 1008x220 มุม 8 ที่ y383
   หัวข้อย่อย 18 ตัวหนา มีดาว #cab289 ห้อยซ้าย · เนื้อหา 16 / บรรทัด 36 / ย่อหน้าห่าง 14 · ลิงก์ #6095e3 ขีดเส้นใต้ */
body.az-news-page.is-detail .az-sheet { padding-top: 231px; }

/* ลายน้ำชื่อเกมมุมซ้ายล่าง (เฉพาะหน้ารายละเอียด PC) ซ่อนเมื่อเนื้อหากว้างจนทับ */
body.az-news-page.is-detail .az-sheet::after {
  content: "";
  position: absolute;
  left: 61px;
  bottom: 48px;
  z-index: 0;
  width: 245px;
  height: 74px;
  background: url("/landing/assets/news/news-bg-txt.png") center / contain no-repeat;
  pointer-events: none;
}

body.az-news-page.is-detail .az-sheet.is-mark-covered::after { visibility: hidden; }

body.az-news-page .article {
  position: relative;
  z-index: 1;
  width: min(1008px, calc(100% - 64px));
  margin: 0 auto 96px;
}

body.az-news-page .article-bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 0 4px;
}

body.az-news-page .article-bar .back { margin: 0 0 0 auto; }

body.az-news-page .crumb,
body.az-news-page .crumb a,
body.az-news-page .entry-crumbs,
body.az-news-page .entry-crumbs a {
  color: var(--ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-decoration: none;
}

body.az-news-page .entry-crumbs a:hover { color: #999; }

body.az-news-page .article-top h1 {
  margin: 30.5px 0 0;
  padding: 0 4px;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}

/* วงเล็บเปิดตัวแรก (《 「 ฯลฯ) ห้อยออกนอกขอบซ้าย ให้ตัววงเล็บตรงกับขอบรูปปกเหมือนดีไซน์ */
body.az-news-page .article-top h1.is-hang { text-indent: -.75em; }

body.az-news-page .article-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  height: 22px;
  margin: -10px 0 0;
  padding: 0 4px;
}

body.az-news-page .brand-mark {
  position: relative;
  top: 4px;
  color: #afafaf;
  font-family: var(--serif);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 1.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

body.az-news-page .article-meta time {
  flex: none;
  color: var(--muted);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
}

body.az-news-page .pub-label { display: none; }

body.az-news-page .article-line {
  display: block;
  height: 14px;
  margin: 4px -13.5px 0;
  background: url("/landing/assets/news/post-line.png") 0 0 / 100% 100% no-repeat;
}

body.az-news-page .banner-frame { margin: 15.5px 0 0; }

/* รูปปกข่าว: เต็มความกว้าง สูงตามสัดส่วนจริงของรูป — แสดงทั้งรูป ไม่ crop */
body.az-news-page .banner {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

body.az-news-page .article-body {
  margin-top: 25px;
  padding: 0 4px;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
}

body.az-news-page .article-body > :first-child { margin-top: 0; }
body.az-news-page .article-body p { margin: 0 0 14px; }

/* ลิงก์โซเชียลท้ายข่าว — <p class="az-social"> ละลิงก์ เรียงลงมาชิดกันเหมือนขึ้นบรรทัดใหม่ */
body.az-news-page .article-body p.az-social { margin: 0; }
body.az-news-page .article-body p.az-social + :not(.az-social) { margin-top: 14px; }

body.az-news-page .article-body a {
  color: #6095e3;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}

body.az-news-page .article-body h2,
body.az-news-page .article-body h3 {
  position: relative;
  margin: 0 0 10.5px;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

body.az-news-page .article-body * + h2,
body.az-news-page .article-body * + h3 { margin-top: 24px; }

body.az-news-page .article-body h2::before,
body.az-news-page .article-body h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -22px;
  width: 11px;
  height: 12px;
  margin-top: -6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12'%3E%3Cpath fill='%23cab289' d='M5.5 0L7.1 4.4L11 6L7.1 7.6L5.5 12L3.9 7.6L0 6L3.9 4.4Z'/%3E%3C/svg%3E") 50% / contain no-repeat;
}

body.az-news-page .article-body img {
  max-width: 100%;
  width: auto;
  height: auto;
}

/* ---- กลับขึ้นบน 99x74 ขวา 30 ล่าง 15 — ปกติ / hover / กด ---- */
body.az-news-page .to-top {
  position: fixed;
  right: 30px;
  bottom: 15px;
  z-index: 100;
  width: 99px;
  height: 74px;
  padding: 0;
  border: 0;
  background: url("/landing/assets/news/back-to-top.png") 0 0 / 100% 100% no-repeat;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s;
}

body.az-news-page .to-top:hover { background-image: url("/landing/assets/news/back-to-top_hover.png"); }
body.az-news-page .to-top:active { background-image: url("/landing/assets/news/back-to-top_on.png"); }

/* หน้ารายละเอียดโชว์ปุ่มตลอด (ดีไซน์ 3-详情页 / H5-详情) · หน้ารายการโชว์เมื่อเลื่อนลงแล้ว */
body.az-news-page .to-top.is-on,
body.az-news-page.is-detail .to-top {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* =========================================================================
   H5 (ค่า --m จากดีไซน์ 375 — แท็บเล็ตขยายได้ไม่เกิน 1.4 เท่า)
   ========================================================================= */
@media (max-width: 991.98px) {
  body.az-news-page,
  body.az-news-page.is-detail {
    background:
      url("/landing/assets/news/mobile-bg-post-category.png") top center / 100% auto no-repeat,
      #f7f7f7 url("/landing/assets/news/news_texture.png") 0 0 / 10px 5px repeat !important;
  }

  /* --m อยู่ที่ตัวห่อทั้งหน้า ปุ่มกลับขึ้นบน (อยู่นอก .az-sheet) จึงใช้หน่วยเดียวกันได้ */
  body.az-news-page .az-landing.az-news {
    --m: min(calc(100vw / 375), 1.4px);
    background: transparent !important;
  }

  body.az-news-page .az-sheet {
    padding: calc(var(--m) * 95) 0 calc(var(--m) * 80.6);
    font-size: calc(var(--m) * 12);
  }

  /* ---- หัวข้อ 资讯 19 ตัวหนา กึ่งกลาง y95 · ลาย NEWS จาง ๆ ด้านหลัง + ดาวท้ายหัวข้อ (เหมือนหน้าแรก) ---- */
  body.az-news-page .az-sheet__head { width: 100%; }

  body.az-news-page .wm-wrap {
    position: relative;
    z-index: 0;
    display: table;
    margin: 0 auto calc(var(--m) * 17);
  }

  body.az-news-page .wm {
    position: absolute;
    z-index: -1;
    top: calc(var(--m) * -27);
    left: 50%;
    width: calc(var(--m) * 103);
    max-width: none;
    height: calc(var(--m) * 38);
    object-fit: contain;
    transform: translateX(-50%);
    pointer-events: none;
  }

  body.az-news-page .wm-caption {
    display: block;
    color: #454545;
    font-size: calc(var(--m) * 19);
    font-weight: 700;
    line-height: calc(var(--m) * 19);
    white-space: nowrap;
  }

  body.az-news-page .wm-wrap::after {
    content: "";
    position: absolute;
    top: calc(var(--m) * -6.5);
    left: calc(100% + var(--m) * 2.5);
    width: calc(var(--m) * 15);
    height: calc(var(--m) * 15);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23454545' d='M11 4l1.3 5.7L18 11l-5.7 1.3L11 18l-1.3-5.7L4 11l5.7-1.3zM4 .5l.7 2.8 2.8.7-2.8.7L4 7.5l-.7-2.8L.5 4l2.8-.7z'/%3E%3C/svg%3E") 50% / contain no-repeat;
    pointer-events: none;
  }

  body.az-news-page .az-sheet__bar { display: block; }

  /* ---- ปุ่มกลับ 55x22 มุมมน ตัวหนา 12 ที่ (299,72) ---- */
  body.az-news-page .back,
  body.az-news-page .article-bar .back {
    position: absolute;
    top: calc(var(--m) * 72);
    right: calc(var(--m) * 21.5);
    z-index: 2;
    min-width: calc(var(--m) * 55);
    height: calc(var(--m) * 22);
    margin: 0;
    padding: 0 calc(var(--m) * 10);
    border-radius: calc(var(--m) * 11);
    font-size: calc(var(--m) * 12);
  }

  /* ---- แท็บ 45x20 ตัวหนา 14 · เส้นคั่น 1x10 ระยะกล่องถึงกล่อง 38.33 · ลำดับ H5: ล่าสุด | ข่าว | ประกาศ | กิจกรรม ---- */
  body.az-news-page .tabs {
    width: max-content;
    max-width: calc(100% - var(--m) * 32);
    margin: 0 auto;
    padding: 0;
  }

  body.az-news-page .tabs li { flex: 0 1 auto; min-width: 0; }
  body.az-news-page .tabs .tab-all { order: 1; }
  body.az-news-page .tabs .tab-news,
  body.az-news-page .tabs .tab-updates { order: 2; } /* news = เดิมชื่อ updates (ID เดิม) */
  body.az-news-page .tabs .tab-announcements { order: 3; }
  body.az-news-page .tabs .tab-events { order: 4; }

  body.az-news-page .tabs li + li::before {
    height: calc(var(--m) * 10);
    margin: 0 calc(var(--m) * 18.67);
  }

  body.az-news-page .tabs a {
    padding: 0 calc(var(--m) * 8.5);
    font-size: calc(var(--m) * 14);
    line-height: calc(var(--m) * 20);
  }

  body.az-news-page .tabs a.is-on { color: #fff !important; }

  /* ---- เส้นใต้แท็บ line.png 342 (x16.5..358.5) เส้นจริงที่ y167 ---- */
  body.az-news-page .sheet-rule {
    display: block;
    width: calc(var(--m) * 342);
    height: calc(var(--m) * 5.18);
    margin: calc(var(--m) * 13.67) auto 0;
    background: url("/landing/assets/news/line.png") 0 0 / 100% 100% no-repeat;
  }

  /* ---- แถวข่าว: รูป 100x56 มุม 4 · แถวละ 77.1 · เส้นคั่นทึบ 1px ใต้แถว (x27.5..347)
     ป้าย 23x12 ตัว 11 · หัวข้อ 12 #6a6a6a · วันที่ 11 #999 · ลูกศร 7x12.5 กึ่งกลางรูป ---- */
  body.az-news-page .list {
    width: calc(var(--m) * 319.5);
    max-width: calc(100% - var(--m) * 32);
    margin: calc(var(--m) * 13.65) auto 0;
  }

  body.az-news-page .list > li {
    border-bottom: 1px solid rgba(107, 107, 107, .2);
  }

  body.az-news-page .list > li + li { margin-top: calc(var(--m) * 13.1); }

  body.az-news-page .news-row {
    gap: calc(var(--m) * 8.5);
    height: calc(var(--m) * 63);
    padding: 0 calc(var(--m) * 3.5) 0 calc(var(--m) * 4);
  }

  body.az-news-page .thumb {
    flex: 0 0 calc(var(--m) * 100);
    width: calc(var(--m) * 100);
    height: calc(var(--m) * 56);
    border-radius: calc(var(--m) * 4);
  }

  body.az-news-page .row-copy {
    height: calc(var(--m) * 56);
    background: none;
  }

  body.az-news-page .row-line {
    height: calc(var(--m) * 17);
    margin-top: calc(var(--m) * -1);
    padding: 0 calc(var(--m) * 16) 0 0;
  }

  body.az-news-page .tag {
    height: calc(var(--m) * 12);
    padding: 0 calc(var(--m) * .5);
    font-size: calc(var(--m) * 11);
    line-height: calc(var(--m) * 12);
  }

  body.az-news-page .row-title {
    margin-left: calc(var(--m) * 4);
    color: #6a6a6a;
    font-size: calc(var(--m) * 12);
    font-weight: 500;
    line-height: calc(var(--m) * 17);
  }

  body.az-news-page .row-copy time {
    margin: calc(var(--m) * 2.4) 0 0;
    font-size: calc(var(--m) * 11);
    font-weight: 400;
    line-height: calc(var(--m) * 16);
  }

  body.az-news-page .chevron {
    top: 50%;
    right: 0;
    width: calc(var(--m) * 7);
    height: calc(var(--m) * 12.4);
    transform: translateY(-50%);
  }

  body.az-news-page .pagination { display: none; }

  body.az-news-page .list-end {
    display: block;
    margin: calc(var(--m) * 19.5) 0 0;
    color: #6a6a6a;
    font-size: calc(var(--m) * 12);
    line-height: calc(var(--m) * 17);
    text-align: center;
    word-spacing: calc(var(--m) * 4.5);
  }

  body.az-news-page .list-end[hidden] { display: none; }

  body.az-news-page .empty {
    width: 100%;
    margin: calc(var(--m) * 196.6) 0 0;
    color: #6a6a6a;
    font-size: calc(var(--m) * 12);
    line-height: calc(var(--m) * 17);
  }

  /* ลายน้ำชื่อเกม 122x37 มุมซ้ายล่าง (x16.5 ห่างขอบล่าง 15.5) — หน้ารายการ / ไม่มีข่าว */
  body.az-news-page.is-list .az-sheet::after {
    content: "";
    position: absolute;
    left: calc(var(--m) * 16.5);
    bottom: calc(var(--m) * 15.5);
    width: calc(var(--m) * 122);
    height: calc(var(--m) * 37);
    background: url("/landing/assets/news/news_watermark.png") 0 0 / contain no-repeat;
    pointer-events: none;
  }

  body.az-news-page.is-detail .az-sheet::after { display: none; }

  /* ---- article H5: หัวข้อ 17 กึ่งกลาง (y117) · breadcrumb 12 ซ้าย + วันที่ 12 ขวา (y151) · line.png (y167)
     ปก 333x187 มุม 4 ที่ y180.5 · หัวข้อย่อย 13 ตัวหนา ดาว 6.5x8 · เนื้อหา 12 / บรรทัด 24 สี #6b6b6b ---- */
  body.az-news-page.is-detail .az-sheet { padding-top: calc(var(--m) * 104); }

  body.az-news-page .article {
    position: static;
    width: calc(var(--m) * 333);
    max-width: calc(100% - var(--m) * 32);
    margin: 0 auto calc(var(--m) * 40);
  }

  body.az-news-page.is-detail .article-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "title title"
      "crumb date"
      "line line";
    align-items: center;
    column-gap: calc(var(--m) * 12);
  }

  body.az-news-page.is-detail .article-bar,
  body.az-news-page.is-detail .article-meta {
    display: contents;
  }

  body.az-news-page.is-detail .article-top h1 {
    grid-area: title;
    margin: 0;
    padding: 0;
    font-size: calc(var(--m) * 17);
    line-height: calc(var(--m) * 24);
    text-align: center;
    text-indent: 0;
  }

  /* จัดกึ่งกลางตามเนื้อตัวอักษร: เยื้อง -0.5em ทำให้บรรทัดที่ขึ้นต้นด้วย 《 เลื่อนซ้ายครึ่งช่องว่างของวงเล็บ */
  body.az-news-page.is-detail .article-top h1.is-hang { text-indent: -.5em; }

  body.az-news-page.is-detail .article-bar .crumb {
    grid-area: crumb;
    min-width: 0;
    margin-top: calc(var(--m) * 13.25);
  }

  body.az-news-page .crumb,
  body.az-news-page .crumb a,
  body.az-news-page .entry-crumbs,
  body.az-news-page .entry-crumbs a {
    font-size: calc(var(--m) * 12);
    font-weight: 500;
    line-height: calc(var(--m) * 17);
  }

  body.az-news-page.is-detail .article-meta time {
    grid-area: date;
    justify-self: end;
    margin-top: calc(var(--m) * 13.25);
    font-size: calc(var(--m) * 12);
    font-weight: 400;
    line-height: calc(var(--m) * 17);
    text-align: right;
  }

  body.az-news-page .pub-label { display: inline; }
  body.az-news-page .brand-mark { display: none; }

  body.az-news-page.is-detail .article-line {
    grid-area: line;
    height: calc(var(--m) * 5.18);
    margin: calc(var(--m) * 4.65) calc(var(--m) * -4.5) 0;
    background-image: url("/landing/assets/news/line.png");
  }

  body.az-news-page .banner-frame { margin: calc(var(--m) * 10.9) 0 0; }

  body.az-news-page .banner {
    height: auto;
    border-radius: calc(var(--m) * 4);
  }

  body.az-news-page .article-body {
    margin-top: calc(var(--m) * 14.25);
    padding: 0 calc(var(--m) * 7) 0 calc(var(--m) * 12.5);
    color: #6b6b6b;
    font-size: calc(var(--m) * 12);
    font-weight: 400;
    line-height: calc(var(--m) * 24);
  }

  body.az-news-page .article-body p { margin: 0 0 calc(var(--m) * 6.5); }
  body.az-news-page .article-body p.az-social { margin: 0; }
  body.az-news-page .article-body p.az-social + :not(.az-social) { margin-top: calc(var(--m) * 6.5); }

  body.az-news-page .article-body a {
    text-decoration-thickness: 1px;
    text-underline-offset: calc(var(--m) * 4);
  }

  body.az-news-page .article-body h2,
  body.az-news-page .article-body h3 {
    margin: 0 0 calc(var(--m) * 6.25) calc(var(--m) * -1.5);
    font-size: calc(var(--m) * 13);
    line-height: calc(var(--m) * 18);
  }

  body.az-news-page .article-body * + h2,
  body.az-news-page .article-body * + h3 { margin-top: calc(var(--m) * 14); }

  body.az-news-page .article-body > h2:first-child,
  body.az-news-page .article-body > h3:first-child { margin-top: 0; }

  body.az-news-page .article-body h2::before,
  body.az-news-page .article-body h3::before {
    left: calc(var(--m) * -10.5);
    width: calc(var(--m) * 7.5);
    height: calc(var(--m) * 9);
    margin-top: calc(var(--m) * -4.5);
  }

  /* ---- กลับขึ้นบน 49.5x37 ขวา 21.5 ล่าง 18.5 — ดีไซน์ H5 เป็นปุ่มเทาเข้มลูกศรขาว (กลับสีจากรูปเดียวกับ PC) ---- */
  body.az-news-page .to-top {
    right: calc(var(--m) * 21.5);
    bottom: calc(var(--m) * 18.5);
    width: calc(var(--m) * 49.5);
    height: calc(var(--m) * 37);
    filter: invert(1) brightness(2.52);
  }
}

/* =========================================================================
   หน้าข่าว (post) — ตัวอักษรตามเว็บจีน azurpromilia.manjuu.com/home/news/detail/…
   หัวข้อ / เนื้อหา / breadcrumb: ตัวไม่มีเชิง · ตรา AZUR PROMILIA + วันที่ (PC): ตัวมีเชิงหนา
   ภาษาจีนใช้ฟอนต์ชุดเดียวกับต้นฉบับ (Microsoft YaHei / PingFang SC) ภาษาอื่นใช้ฟอนต์ไม่มีเชิงหน้าตาใกล้กัน
   (--sans ของ style.css คือ Sitka ซึ่งเป็นตัวมีเชิง จึงใช้ตัวแปรแยก --post-sans / --post-serif)
   ฟอนต์ Noto ทั้งหมดโหลดจาก Google Fonts ใน az_news_assets() อยู่แล้ว
   ========================================================================= */
body.az-news-page.is-detail {
  --post-sans: "Noto Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  --post-serif: "Noto Serif", Georgia, serif;
}
html[data-lang="th"] body.az-news-page.is-detail {
  --post-sans: "Noto Sans Thai", "Noto Sans", "Leelawadee UI", Tahoma, sans-serif;
}
html[data-lang="zh"] body.az-news-page.is-detail {
  --post-sans: "Microsoft YaHei", "Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;
  --post-serif: "Source Han Serif CN", "Noto Serif SC", "Noto Serif", serif;
}

body.az-news-page.is-detail .az-sheet .article-top h1,
body.az-news-page.is-detail .az-sheet .article-body h1,
body.az-news-page.is-detail .az-sheet .article-body h2,
body.az-news-page.is-detail .az-sheet .article-body h3 {
  font-family: var(--post-sans) !important;
}

body.az-news-page.is-detail .crumb,
body.az-news-page.is-detail .crumb a,
body.az-news-page.is-detail .entry-crumbs,
body.az-news-page.is-detail .entry-crumbs a {
  font-family: var(--post-sans);
}

/* ตรา AZUR PROMILIA 8px หนา 900 ห่าง 10px · วันที่ 16px หนา 900 สีเทาอ่อน (ต้นฉบับ PC) */
body.az-news-page.is-detail .brand-mark {
  font-family: var(--post-serif);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 10px;
}

body.az-news-page.is-detail .article-meta time {
  color: #afafaf;
  font-family: var(--post-serif);
  font-weight: 900;
}

/* เนื้อหา 16px / 24px สี #787878 · เว้นย่อหน้าเท่าบรรทัดว่างของต้นฉบับ (18px) */
body.az-news-page.is-detail .article-body {
  color: #787878;
  font-family: var(--post-sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.az-news-page.is-detail .article-body p { margin: 0 0 18px; }
body.az-news-page.is-detail .article-body p.az-social { margin: 0; }
body.az-news-page.is-detail .article-body p.az-social + :not(.az-social) { margin-top: 18px; }

/* หัวข้อย่อยในเนื้อหา — ใหญ่กว่าตัวเนื้อหา (16px) เล็กน้อย ไล่ขนาด h2 > h3 > h4 > h5 เท่ากันทั้ง PC / มือถือ
   (style.css บังคับ h4 เป็นตัวมีเชิงด้วย !important จึงต้องทับด้วย !important) */
body.az-news-page.is-detail .az-sheet .article-body h4,
body.az-news-page.is-detail .az-sheet .article-body h5 {
  font-family: var(--post-sans) !important;
}

body.az-news-page.is-detail .article-body h2,
body.az-news-page.is-detail .article-body h3,
body.az-news-page.is-detail .article-body h4,
body.az-news-page.is-detail .article-body h5 {
  color: var(--ink);
  font-weight: 700;
  line-height: 1.4;
}
body.az-news-page.is-detail .article-body h2 { font-size: 21px; }
body.az-news-page.is-detail .article-body h3 { font-size: 19px; }
body.az-news-page.is-detail .article-body h4 { font-size: 18px; }
body.az-news-page.is-detail .article-body h5 { font-size: 17px; }

body.az-news-page.is-detail .article-body h4,
body.az-news-page.is-detail .article-body h5 { margin: 0 0 10px; }
body.az-news-page.is-detail .article-body * + h4,
body.az-news-page.is-detail .article-body * + h5 { margin-top: 20px; }

/* ลิงก์ในเนื้อหา — สีฟ้าเหมือนเดิม ไม่มีขีดเส้นใต้ */
body.az-news-page.is-detail .article-body a,
body.az-news-page.is-detail .article-body a:hover {
  text-decoration: none;
}

@media (max-width: 991.98px) {
  body.az-news-page.is-detail .crumb,
  body.az-news-page.is-detail .crumb a,
  body.az-news-page.is-detail .entry-crumbs,
  body.az-news-page.is-detail .entry-crumbs a {
    font-weight: 400;
  }

  /* มือถือต้นฉบับ: วันที่ตัวไม่มีเชิง 11px สีเทาโปร่ง · เนื้อหายังเป็น 16px เท่า PC */
  body.az-news-page.is-detail .article-meta time {
    color: rgba(107, 107, 107, .6);
    font-family: var(--post-sans);
    font-size: calc(var(--m) * 11);
    font-weight: 400;
  }

  body.az-news-page.is-detail .article-body {
    color: #787878;
    font-size: 16px;
    line-height: 24px;
  }

  body.az-news-page.is-detail .article-body p { margin: 0 0 18px; }
  body.az-news-page.is-detail .article-body p.az-social + :not(.az-social) { margin-top: 18px; }
}