/* article-cover.css — ปกบทความ "หมึกเข้ม ตัวเลขใหญ่" (โอบเคาะ 10-27 · แบบ B+) — คู่กับ article-cover.js
   ใช้ 2 ที่: แท็บ 📚 อ่าน (transcripts) · การ์ด "มาใหม่สัปดาห์นี้" (market) — โหลด **หลัง** insights-feed.css เสมอ
   · พื้นหมึกเหมือนกันทั้งสองธีม (ปกคือ "ภาพ" ไม่ใช่พื้นผิว UI) · โหมดมืดเติมเส้นขอบบางให้ปกไม่จมพื้นหน้า
   · ตัวหนังสือบนปกขนาดตามความกว้างปก (cqw) มีค่า rem นำหน้าเป็นทางถอยให้เบราว์เซอร์เก่า
   · ตัวเลขใช้ Trirong (serif หัวข้อของแบรนด์ · โหลดใน styles.css) — ตัวเลข/ละตินล้วน ไม่มีกับดักวรรณยุกต์ไทย */
.ins-cv.dic {
  --cv-glow: #2f7668;
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
  container-type: inline-size;
  isolation: isolate;
  background: #1a1d1c;
  color: #f2f0e7;
}
.ins-cv.dic::before {      /* แสงสีบริษัทมุมขวาบน */
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(70% 90% at 92% 6%, color-mix(in srgb, var(--cv-glow) 62%, transparent), transparent 64%);
}
.ins-cv.dic::after {       /* เกรนบาง ๆ กันพื้นแบนเป็นพลาสติก */
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .10;
  mix-blend-mode: overlay;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
[data-theme="dark"] .ins-cv.dic { box-shadow: 0 0 0 1px rgba(242, 240, 231, .08); }

/* ── รูปถ่าย (เฉพาะรูปที่ได้สิทธิ์ใช้ · assets/covers/) — หมึกไล่จากซ้ายให้ตัวเลขอ่านออกเสมอ ── */
.ins-cv.dic .dic-ph {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.85) contrast(1.05);
}
.ins-cv.dic--photo::before {
  z-index: -2;
  background: linear-gradient(90deg, rgba(18, 20, 19, .93) 0%, rgba(18, 20, 19, .78) 44%, rgba(18, 20, 19, .14) 100%);
}

/* ── ปกหนังสือ (ประกาศ ebook) — วางเอียงนิด ๆ ฝั่งขวา ── */
.ins-cv.dic .dic-book {
  position: absolute;
  right: 9%;
  top: 50%;
  height: 80%;
  width: auto;
  transform: translateY(-50%) rotate(4deg);
  border-radius: 3px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .5);
}
.ins-cv.dic.dic--book .ins-cv-stat { right: 47%; }   /* หนังสือกินฝั่งขวา ~41% ของปก */
.ins-cv.dic--book .dic-wm { display: none; }

/* ── ป้ายหมวด ── */
.ins-cv.dic .ins-cv-tag {
  position: absolute;
  top: 11px;
  left: 14px;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid rgba(242, 240, 231, .30);
  background: rgba(0, 0, 0, .28);
  color: #f2f0e7;
  font-size: 0.72rem;
  font-weight: 700;
}

/* ── ตัวเลขเด็ด / ชื่อ ── */
.ins-cv.dic .ins-cv-stat {
  position: absolute;
  left: 16px;
  right: 6%;
  top: 25%;
  transform: none;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}
.ins-cv.dic.dic--photo .ins-cv-stat { right: 38%; }
.ins-cv.dic .ins-cv-n {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--serif, "Trirong", Georgia, serif);
  font-weight: 600;
  font-size: 2.4rem;
  font-size: 15cqw;
  line-height: 1.08;
  letter-spacing: -.01em;
}
.ins-cv.dic .ins-cv-n.is-mid  { font-size: 2rem; font-size: 12cqw; }   /* 7-8 ตัว เช่น "AI +221%" */
.ins-cv.dic .ins-cv-n.is-long { font-size: 1.5rem; font-size: 8.6cqw; }
/* ชื่อ (ไม่มีตัวเลข) อาจเป็นไทยยาว ⇒ ตัดได้ 2 บรรทัด · line-height 1.18 กันวรรณยุกต์ชนบรรทัดบน (design-references §2 ข้อ 3) */
.ins-cv.dic .dic-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #f2f0e7;
  font-family: var(--serif, "Trirong", Georgia, serif);
  font-weight: 600;
  font-size: 1.9rem;
  font-size: 11.5cqw;
  line-height: 1.18;
  padding-block: .06em;
}
.ins-cv.dic .dic-name.is-long { font-size: 1.3rem; font-size: 7.4cqw; }
.ins-cv.dic .dic-up  { color: #5be3b5; }
.ins-cv.dic .dic-dn  { color: #ff9b8d; }
.ins-cv.dic .dic-neu { color: #e9cf8f; }
.ins-cv.dic .ins-cv-l {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 6px;
  color: rgba(242, 240, 231, .84);
  font-size: 0.8rem;
  font-size: max(0.76rem, 3.9cqw);
  line-height: 1.32;
  text-wrap: balance;
}

/* ── โลโก้จิ๋ว + ตัวย่อ มุมซ้ายล่าง — โลโก้ในคลังอบพื้นเข้มมาแล้ว ⇒ ไม่ต้องมีกรอบขาว (โอบ 10-27 "กรอบขาวบางกว่านี้") ── */
.ins-cv.dic .dic-ft {
  position: absolute;
  left: 16px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ins-cv.dic .ins-cv-tile {
  position: static;
  transform: none;
  width: 26px;
  height: 26px;
  aspect-ratio: auto;
  flex: 0 0 26px;
  border-radius: 7px;
  overflow: hidden;
  background: #1c1f24;
  box-shadow: 0 0 0 1px rgba(242, 240, 231, .18);
  font-size: 0;
}
.ins-cv.dic .ins-cv-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ins-cv.dic .ins-cv-tk {
  position: static;
  color: rgba(242, 240, 231, .9);
  font: 600 0.74rem/1 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  letter-spacing: .08em;
}
.ins-cv.dic .dic-wm,
.ins-cv.dic .dic-cr {
  position: absolute;
  right: 14px;
  bottom: 11px;
  color: rgba(242, 240, 231, .45);
  font-size: 0.66rem;
  font-weight: 600;
}
.ins-cv.dic .dic-cr { color: rgba(255, 255, 255, .6); }