/*
 * หน้าตาแบบ taradthong.com เดิม (ธีม Drupal "taradthong" สร้างด้วย Artisteer)
 * ค่าทุกตัว (ขนาดตัวอักษร ช่องไฟ สี ความกว้าง) ยกมาจาก sites/all/themes/taradthong/style.css ของเว็บเดิม
 * อยู่ใน @layer components → ชนะค่าเริ่มต้นของ Tailwind แต่ class ของ Tailwind ในกล่องราคา/บทความยังใช้ได้
 * จอเล็กกว่า 976px (มือถือ/แท็บเล็ต) ปรับเป็นคอลัมน์เดียว อ่านง่าย ไม่ต้องซูม
 */
/* ฟอนต์ Sarabun (ฝังในธีม ไม่ดึงจาก Google) — ใช้เฉพาะจอมือถือ คอมใช้ Tahoma แบบเว็บเดิม จึงไม่โหลดไฟล์ฟอนต์ */
@font-face { font-family: "Sarabun"; font-style: normal; font-weight: 400; font-display: optional; src: url(../fonts/sarabun-thai-400-normal.woff2) format("woff2"); unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC; }
@font-face { font-family: "Sarabun"; font-style: normal; font-weight: 700; font-display: optional; src: url(../fonts/sarabun-thai-700-normal.woff2) format("woff2"); unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC; }
@font-face { font-family: "Sarabun"; font-style: normal; font-weight: 400; font-display: optional; src: url(../fonts/sarabun-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Sarabun"; font-style: normal; font-weight: 700; font-display: optional; src: url(../fonts/sarabun-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@layer components {

/* ---------------- Page ---------------- */
html, body.tt-legacy {
	font-family: Tahoma, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important;
}
body.tt-legacy {
	margin: 0 auto;
	padding: 0;
	background: #b48511 url(../images/bg.gif) repeat !important;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #484E46;
}
/* เว็บเดิมไม่มี reset ของ Tailwind: ความกว้าง = เนื้อใน + padding + เส้นขอบ (content-box) — ทำให้คอลัมน์/กล่องกว้างเท่าเดิมทุกพิกเซล */
body.tt-legacy *, body.tt-legacy *::before, body.tt-legacy *::after { box-sizing: content-box; }
.tt-legacy #art-main { position: relative; width: 100%; left: 0; top: 0; margin: 0 0 20px; }
.tt-legacy .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size: 1px; height: 0; }
.tt-legacy p { margin: 7px 0; }
.tt-legacy a, .tt-legacy a:link { text-decoration: none; letter-spacing: normal; color: #8E8048; }
.tt-legacy a:hover { text-decoration: underline; color: #BB991B; }
.tt-legacy img { display: inline; max-width: 100%; height: auto; }
.tt-legacy a img { border: 0; }
.tt-legacy h1, .tt-legacy h2, .tt-legacy h3, .tt-legacy h4, .tt-legacy h5, .tt-legacy h6 { font-weight: normal; font-style: normal; text-decoration: none; margin: 0.67em 0; line-height: 1.3; }
.tt-legacy h1 { font-size: 22px; color: #4F564D; }
.tt-legacy h2 { font-size: 20px; color: #687265; }
.tt-legacy h3 { font-size: 18px; color: #8E8048; }
.tt-legacy h4 { font-size: 14px; color: #5C6459; }
.tt-legacy h5, .tt-legacy h6 { font-size: 13px; color: #5C6459; }
.tt-legacy ol, .tt-legacy ul { color: #373B35; margin: 1em 0 1em 2em; padding: 0; font-size: 13px; text-align: left; }
.tt-legacy ul { list-style-type: none; }
.tt-legacy ol { list-style: decimal inside; }
.tt-legacy li { margin: 0.2em 0; padding: 0; }
.tt-legacy input, .tt-legacy select { font-size: 13px; font-style: normal; font-weight: bold; letter-spacing: normal; }
.tt-legacy table { border-collapse: separate; }
.tt-legacy .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.tt-legacy .skip-link:focus { position: fixed !important; top: 4px; left: 4px; width: auto; height: auto; clip: auto; z-index: 100000; background: #fff; color: #000; padding: 8px 12px; }

/* ---------------- Sheet (กรอบเว็บ 960px มุมโค้ง) ---------------- */
.art-Sheet { position: relative; z-index: 0; margin: 30px auto 0 !important; width: 960px; min-width: 23px; min-height: 23px; }
.art-Sheet-body { position: relative; z-index: 1; padding: 8px; }
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc, .art-Sheet-cr, .art-Sheet-cl { position: absolute; z-index: -1; }
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl { width: 22px; height: 22px; background-image: url(../images/legacy/Sheet-s.png); }
.art-Sheet-tl { top: 0; left: 0; clip: rect(auto, 11px, 11px, auto); }
.art-Sheet-tr { top: 0; right: 0; clip: rect(auto, auto, 11px, 11px); }
.art-Sheet-bl { bottom: 0; left: 0; clip: rect(11px, 11px, auto, auto); }
.art-Sheet-br { bottom: 0; right: 0; clip: rect(11px, auto, auto, 11px); }
.art-Sheet-tc, .art-Sheet-bc { left: 11px; right: 11px; height: 22px; background-image: url(../images/legacy/Sheet-h.png); }
.art-Sheet-tc { top: 0; clip: rect(auto, auto, 11px, auto); }
.art-Sheet-bc { bottom: 0; clip: rect(11px, auto, auto, auto); }
.art-Sheet-cr, .art-Sheet-cl { top: 11px; bottom: 11px; width: 22px; background-image: url(../images/legacy/Sheet-v.png); }
.art-Sheet-cr { right: 0; clip: rect(auto, auto, auto, 11px); }
.art-Sheet-cl { left: 0; clip: rect(auto, 11px, auto, auto); }
.art-Sheet-cc { position: absolute; z-index: -1; top: 11px; left: 11px; right: 11px; bottom: 11px; background-color: #F0EDE0; }

/* ---------------- Header 944x130 ---------------- */
.art-Header { margin: 0 auto; position: relative; z-index: 0; width: 944px; height: 130px; background: #FFD14A; }
.art-Header .art-Header-link, .art-Header .art-Header-link img { display: block; width: 944px; height: 130px; }
/* โลโก้ "ตลาดทอง" สีแดง วางทับรูปหัวเว็บ (เว็บเดิมใช้ logo.png เป็นพื้นหลังของ .art-Logo) */
.art-Logo { position: absolute; left: 0; top: 0; width: 192px; height: 122px; background: url(../images/old/logo.png) no-repeat 5px 5px; pointer-events: none; z-index: 1; }
.art-Logo-name { position: absolute; left: 0; top: 0; width: 192px; height: 122px; margin: 0 !important; overflow: hidden; text-indent: -9999px; font-size: 13px !important; }
.art-Logo-name a { display: block; width: 192px; height: 122px; }

/* ---------------- Menu (แถบแดง 40px) ---------------- */
.art-nav { margin: 0 0 10px; position: relative; z-index: 100; }
.art-nav .l, .art-nav .r { position: absolute; z-index: -1; top: 0; height: 40px; }
.art-menu, .art-menu ul { margin: 0 !important; padding: 0 !important; border: 0; list-style-type: none; display: block; background: url(../images/legacy/bg-nav.png) repeat-x; min-height: 0; }
.art-menu:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; }
.art-menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none; }
.art-menu a, .art-menu a:link, .art-menu a:visited { position: relative; display: block; overflow: hidden; height: 40px; cursor: pointer; text-decoration: none !important; margin: 0; background: url(../images/legacy/bg-nav.png) repeat-x; text-align: left; outline: none; letter-spacing: normal; word-spacing: normal; }
.art-menu a:hover, .art-menu a.active { background: url(../images/legacy/bg-nav-hover.png) repeat-x; color: #fff; }
.art-menu a .l, .art-menu a .r { display: none; }
.art-menu a .t { display: block; font-size: 14px; font-style: normal; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #D2D6D1; padding: 0 12px; margin: 0; line-height: 40px; text-align: center; white-space: nowrap; }
.art-menu a:hover .t, .art-menu a.active .t { color: #fff; }
.art-nav .art-menu-separator { display: block; width: 1px; height: 40px; background: linear-gradient(to bottom, rgba(82,88,78,0) 15%, rgba(82,88,78,.55) 35%, rgba(82,88,78,.8) 50%, rgba(82,88,78,.55) 65%, rgba(82,88,78,0) 85%); }
.tt-menu-toggle, .tt-mbar { display: none; }

/* ---------------- Layout (757 = embed + ซ้าย 187 + กลาง 570 · ขวา 180) ---------------- */
#main_content { float: left; width: 757px; overflow: hidden; }
.art-contentLayout { position: relative; float: left; display: inline; }
.art-contentLayout .art-content { position: relative; margin: 0; padding: 0; border: 0; float: left; width: 570px; }
.art-content-wide { position: relative; margin: 0; padding: 0; border: 0; float: left; width: 944px; }
.art-sidebar1 { position: relative; margin: 0; padding: 0 7px 0 0; border: 0; float: left; overflow: hidden; width: 180px; }
.art-sidebar2 { position: relative; margin: 0; padding: 0; border: 0; float: right; overflow: hidden; width: 180px; }
.art-sidebar1 p, .art-sidebar2 p { margin: 0; }

/* ---------------- Block + หัวกล่องสีทอง ---------------- */
.art-Block { position: relative; z-index: 0; margin: 0 0 10px; min-width: 1px; min-height: 1px; }
.art-Block-body { position: relative; z-index: 1; padding: 0; }
.art-BlockHeader { position: relative; z-index: 0; height: 30px; padding: 0 7px; margin-bottom: 0; }
.art-BlockHeader .t, .art-BlockHeader .t h2.subject { height: 30px; color: #000; font-size: 13px; font-style: normal; font-weight: bold; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; padding: 0 7px; line-height: 30px; margin: 0; }
.art-BlockHeader .t h2.subject { padding: 0 7px; }
.art-BlockHeader .l, .art-BlockHeader .r { display: block; position: absolute; z-index: -1; height: 30px; background-image: url(../images/legacy/BlockHeader.png); }
.art-BlockHeader .l { left: 0; right: 8px; }
.art-BlockHeader .r { width: 898px; right: 0; clip: rect(auto, auto, auto, 890px); }
.art-header-tag-icon { display: inline-block; background: url(../images/legacy/BlockHeaderIcon.png) no-repeat left top; padding: 0 0 0 12px; min-height: 12px; margin: 0 0 0 5px; }
.art-BlockContent { position: relative; z-index: 0; margin: 0 auto; min-width: 1px; min-height: 1px; }
.art-BlockContent-body { position: relative; z-index: 1; padding: 5px; color: #575F54; font-size: 13px; }
.art-BlockContent-body a { text-decoration: none; }
.art-BlockContent-body a:hover { color: #B7951A; text-decoration: underline; }
.art-BlockContent-body ul { list-style-type: none; color: #232622; margin: 0; padding: 0; }
.art-BlockContent-body li { font-size: 13px; margin-left: 12px; }
.art-BlockContent-body ul li { padding: 0 0 0 14px; background: url(../images/legacy/BlockContentBullets.png) no-repeat 0 2px; margin: 0.5em 0; line-height: 1.5em; }
.art-content .art-BlockContent-body img, .art-PostContent img { border: 1px solid #999; padding: 3px; background: #fff; }
.art-content .art-BlockContent-body img.tt-noframe, .art-PostContent img.tt-noframe, .art-content .art-BlockContent-body .ttw img { border: 0; padding: 0; background: none; }

/* ---------------- Post (กล่องบทความมุมโค้ง) ---------------- */
.art-Post { position: relative; z-index: 0; margin: 0; min-width: 29px; min-height: 29px; }
.art-Post-body { position: relative; z-index: 1; padding: 10px; margin: 0 0 20px; }
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc, .art-Post-cr, .art-Post-cl { position: absolute; z-index: -1; }
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl { width: 40px; height: 40px; background-image: url(../images/old/Post-s.png); }
.art-Post-tl { top: 0; left: 0; clip: rect(auto, 20px, 20px, auto); }
.art-Post-tr { top: 0; right: 0; clip: rect(auto, auto, 20px, 20px); }
.art-Post-bl { bottom: 0; left: 0; clip: rect(20px, 20px, auto, auto); }
.art-Post-br { bottom: 0; right: 0; clip: rect(20px, auto, auto, 20px); }
.art-Post-tc, .art-Post-bc { left: 20px; right: 20px; height: 40px; background-image: url(../images/legacy/Post-h.png); }
.art-Post-tc { top: 0; clip: rect(auto, auto, 20px, auto); }
.art-Post-bc { bottom: 0; clip: rect(20px, auto, auto, auto); }
.art-Post-cr, .art-Post-cl { top: 20px; bottom: 20px; width: 40px; background-image: url(../images/legacy/Post-v.png); }
.art-Post-cr { right: 0; clip: rect(auto, auto, auto, 20px); }
.art-Post-cl { left: 0; clip: rect(auto, 20px, auto, auto); }
.art-Post-cc { position: absolute; z-index: -1; top: 20px; left: 20px; right: 20px; bottom: 20px; background-color: #F3F1E7; }
.art-Post-tl, .art-Post-tr, .art-Post-bl, .art-Post-br { background-color: transparent; }
.art-Post-inner { overflow-wrap: anywhere; }
.tt-legacy .art-PostHeaderIcon-wrapper, .tt-legacy .art-PostHeaderIcon-wrapper a { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; letter-spacing: normal; text-align: left; margin: 13px 0 8px; color: #373B35; line-height: 20px; text-transform: none; }
.tt-legacy .art-PostHeaderIcon-wrapper a { margin: 0; }
.art-PostHeader { color: #5C522E; }
.art-PostHeader a:link, .art-PostHeader a { text-decoration: none; color: #5C522E; }
.art-PostHeader a:hover { text-decoration: underline; color: #BB991B; }
.art-PostMetadataHeader { padding: 1px; background-color: #E9E4D3; border: 1px solid #D4CCAA; margin: 0 0 5px; }
.art-PostHeaderIcons { padding: 1px; font-size: 11px; letter-spacing: normal; color: #2F332E; }
.art-PostHeaderIcons a { font-weight: bold; color: #625932; }
.art-PostHeaderIcons .tt-ico { display: inline-block; vertical-align: middle; margin: 2px; }
.art-PostContent { color: #484E46; }
.art-PostContent ul li, .art-PostContent ol ul li { background: url(../images/legacy/PostBullets.png) no-repeat 0 3px; padding-left: 14px; line-height: 1.5em; }
.art-PostContent ol li { background: none; padding-left: 0; }
.art-PostContent ul { list-style: none; }
.art-PostContent blockquote { margin: 10px 10px 10px 50px; padding: 5px 5px 5px 32px; background-color: #E9E4D3; }
.art-PostContent table { border-collapse: collapse; }
.art-PostContent iframe, .art-PostContent video, .art-PostContent embed { max-width: 100%; }
.art-PostContent .wp-caption { max-width: 100%; }
.breadcrumb { display: block; padding: 0 0 0 20px; background: url(../images/old/ic-home.png) no-repeat; height: 16px; line-height: 16px; margin: 0 0 10px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.read_more { margin: 5px 0; text-align: left; }

/* ---------------- Footer ---------------- */
.art-Footer { clear: both; position: relative; z-index: 0; overflow: hidden; width: 944px; margin: 5px auto 0; background: linear-gradient(rgba(220,210,185,.2), rgba(200,190,145,.2)); }
.art-Footer .art-Footer-inner { position: relative; z-index: 0; padding: 8px; text-align: center; }
.art-Footer .art-Footer-background { position: absolute; z-index: -1; background: url(../images/old/Footer.png) repeat; width: 944px; height: 150px; bottom: 0; left: 0; }
.art-Footer .art-Footer-text { display: inline-block; color: #2C2816; font-size: 11px; letter-spacing: normal; }
.art-Footer .art-Footer-text p { margin: 0; }
.art-Footer .art-Footer-text a { color: #665C33; font-weight: bold; text-decoration: none; }
.art-Footer .art-Footer-text a:hover { text-decoration: underline; }
a.feed-icon { left: 295px; position: absolute; top: 10px; line-height: 0; }

/* ---------------- กล่องเฉพาะ (id เดียวกับเว็บเดิม) ---------------- */
#block-block-13 .art-BlockContent-body { padding: 0; }
.embedGold p { margin: 7px 0 0; color: #484E46; }
.embedGold { background: #fff; padding: 10px 0 10px 10px; width: 747px; margin: 0 auto; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: content-box; }
#block-block-13 textarea { height: 13px; font-size: 11px; width: 567px; font-family: monospace; vertical-align: top; resize: vertical; border: 1px solid #a9a9a9; padding: 1px 2px; box-sizing: content-box; }
#block-block-11 input[type=text], #block-block-16 input[type=text] { font: bold 13px Arial, Helvetica, sans-serif; width: 149.5px; height: 15.5px; border: 2px inset #767676; padding: 1px 2px; background: #fff; color: #000; }
.tt-p { margin: 7px 0; }
.art-sidebar1 p, .art-sidebar1 .tt-p, .art-sidebar2 p { margin: 0; }
#block-block-11 { display: flow-root; }
#block-block-11 .art-BlockContent-body { background: #fff; border: 2px solid red; border-radius: 5px; margin: 10px 0; padding: 1px; }
#block-block-11 .embed-vertical1 table { line-height: normal; }
#block-menu-menu-sidebar-menu .art-BlockContent-body { padding: 0; }
#block-menu-menu-sidebar-menu ul.menu { background: url(../images/bg-nav-sidebar.png) no-repeat; width: 179px; height: 281px; padding: 10px 0 0; margin: 0; }
#block-menu-menu-sidebar-menu ul.menu li { font-size: 15px; background-position: 12px 8px; line-height: 30px; margin: 0; padding: 0 0 0 27px; font-weight: bold; }
#block-menu-menu-sidebar-menu ul.menu li a { color: #3F3C33; }
#block-menu-menu-sidebar-menu ul.menu li a.active { color: #B30500; text-decoration: underline; }
#block-block-14 .art-BlockContent-body { background: #fff; overflow: hidden; width: 562px; padding: 5px 4px; }
#block-block-14 .tt-forecast-title { font-size: 16px; font-weight: bold; margin: 8px 0 2px; line-height: 1.4; color: #373B35; }
#block-block-14 .tt-forecast-title a { color: #5C522E; }
#block-block-14 .tt-forecast-date { font-size: 11px; color: #999; margin: 0 0 4px; }
#block-block-30, #block-block-31 { margin: 0; }
#block-block-30 .art-BlockContent-body, #block-block-31 .art-BlockContent-body { margin: 10px 0 0; background: #fff; }
#block-block-30 p, #block-block-31 p { margin: 0; padding: 0; }
.tt-marquee { display: block; height: 26px; width: 98%; overflow: hidden; white-space: nowrap; font-family: Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #3366ff; line-height: 20px; }
.tt-marquee-inner { display: inline-block; padding-left: 100%; animation: tt-marquee 40s linear infinite; }
.tt-marquee a { color: #3366ff; }
@keyframes tt-marquee { from { transform: translateX(0); } to { transform: translateX(-100%); } }
/* ตัววิ่งวิ่งเสมอแบบ goldhip (มือถือที่ปิดภาพเคลื่อนไหวเคยเห็นข้อความหยุดและถูกตัด) · แตะ/ชี้ค้างเพื่อหยุดอ่าน */
.tt-marquee:hover .tt-marquee-inner, .tt-marquee:active .tt-marquee-inner { animation-play-state: paused; }
#block-block-28 #graphleft { min-height: 300px; }
#block-block-28 .tt-chart-wait { height: 300px; display: flex; align-items: center; justify-content: center; color: #999; background: #fff; }
.view-header p { margin: 5px 0; background: url(../images/old/view_more_text.png) no-repeat right center; padding: 0 20px 0 0; font-weight: bold; text-align: right; }
#block-views-talking-block_1 .views-field-title { font-size: 16px; font-weight: bold; display: block; padding: 0 0 10px; }
#block-views-talking-block_1 .views-field-field-image-fid { text-align: center; padding: 0 0 10px; }
#block-views-talking-block_1 .views-field-view-node { text-align: right; display: block; }
#block-views-news-block_2 { clear: both; margin: 0; }
#block-views-news-block_2 .view-content ul li, #block-views-news-block_1 .view-content ul li { background-image: none; padding: 0; overflow: hidden; margin: 0.5em 0; }
#block-views-news-block_2 .views-field-field-image-fid, #block-views-news-block_1 .views-field-field-image-fid { float: left; margin: 0 10px 0 0; display: inline; }
#block-views-news-block_2 .views-field-title-1 { font-size: 1.1em; font-weight: 700; }
#block-views-news-block_2 .views-field-field-image-fid img { width: 100px; height: auto; }
#block-views-news-block_1 .views-field-field-image-fid img { width: 50px; height: 50px; object-fit: cover; }
#block-views-news-block_1 .views-field-title-1 { font-weight: normal; }
#block-views-news-block_1 .views-field-view-node { display: inline; text-align: left; }
.views-field-view-node-1, .views-field-view-node { text-align: right; display: block; }
.view-analysis table { width: 100%; }
.view-analysis table tr td { vertical-align: top; width: 25%; text-align: center; padding: 2px; }
.view-analysis .views-field-name { font-size: 12px; line-height: 1.4; }
#block-block-2 .art-BlockContent-body p, #block-block-21 .art-BlockContent-body p { margin: 0; text-align: center; }
#block-block-8 img { max-width: none; }
#block-block-19 .art-BlockContent-body, #block-block-22 .art-BlockContent-body { text-align: center; }

/* รายการบทความในหน้าหมวด (โครงเดียวกับ Drupal Views เดิม) */
.tt-legacy h1.tt-list-title { font-size: 20px; font-weight: normal; line-height: 19.5px; color: #687265; margin: 16.6px 0; }
.art-PostContent .item-list ul { list-style: none; margin: 0 0 9.75px; padding: 0; }
.view-talking li.views-row { list-style: none; margin: 0 0 3.25px 19.5px; padding: 0 0 0 14px; background: url(../images/legacy/PostBullets.png) no-repeat 0 0; }
.view-talking li.views-row .views-field-title { float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #999; }
.view-talking li.views-row .views-field-created-1 { font-size: 0.9em; color: #999; display: block; }
.view-talking li.views-row::after { content: ""; display: block; clear: both; }
.art-PostContent .view-news li.views-row { list-style: none; max-width: 510px; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dashed #ccc; background: none; overflow: hidden; }
.art-PostContent .view-news li.views-row .views-field-field-image-fid { float: left; margin: 0 10px 0 0; }
.art-PostContent .view-news li.views-row .views-field-title-1 { font-size: 1.1em; font-weight: bold; }
.item-list .pager { text-align: center; margin: 20px 0; padding: 0; }
.item-list .pager .page-numbers { display: inline-block; background: #fff; padding: 5px; margin: 0 1px; font-weight: bold; color: red; }
.item-list .pager a.page-numbers { font-weight: normal; color: #8E8048; }
/* ตัวแบ่งหน้าแบบ Drupal เดิม (ul.pager) */
.tt-legacy .item-list ul.pager { text-align: center; margin: 0 0 9.75px; padding: 0; list-style: none; }
.tt-legacy .item-list ul.pager li { display: inline; list-style: none; background: #fff; padding: 5px; margin: 0 0 3.25px 19.5px; font-weight: bold; color: red; }
.tt-legacy .item-list ul.pager li a { font-weight: normal; }

/* โฆษณา */
.tt-ad { text-align: center; max-width: 100%; overflow: hidden; margin: 0 auto; }

/* กล่องราคาแบบเดิม (ใส่ในหน้าเลย ไม่ใช้ iframe) */
.ttw { position: relative; text-align: left; line-height: normal; color: #000; }
.ttw th { text-align: center; }
.ttw table { border-collapse: separate; }
.ttw-embed { width: 738px; }
.ttw-embed table { font-family: Tahoma, Arial; font-size: 11px; font-weight: bold; }
.ttw-embed .powered { font-family: Tahoma, Arial; font-size: 10px; color: #666; }
.ttw-embed thead { color: #000; }
.ttw-embed .lastest { color: #f00; }
.ttw-embed .gold-future { font-family: Tahoma, Arial; font-size: 12px; color: #666; padding: 0 0 4px; }
.ttw-embed .gold-current { text-align: center; font-family: Tahoma, Arial; font-size: 12px; color: #666; padding: 2px 20px; }
.ttw-embed table.graph-gold tr th, .ttw-embed th { color: #fff; }
.ttw-embed td, .ttw-embed th { padding: 3px; }
.ttw-embed table.graph-gold > tbody > tr > td { padding: 1px; }
.ttw-embed a { color: #00e; text-decoration: underline; }
.ttw-vertical { width: 170px; height: 245px; overflow: hidden; }
.ttw-vertical table { font-family: Tahoma, Arial; font-size: 10px; font-weight: bold; }
.ttw-vertical .topic { color: #000; }
.ttw-vertical a { color: #00e; text-decoration: underline; }
.ttw-vertical td { padding: 1px; }
.ttw-vertical2 { width: 178px; height: 158px; overflow: hidden; }
.ttw-vertical2 table { font-family: Tahoma, Arial; font-size: 10px; font-weight: bold; color: #333; line-height: normal; }
.ttw-vertical2 td { padding: 1px; }
.ttw-vertical2 .topic { color: #000; }
.ttw-vertical2 #data { margin-top: 15px; position: relative; }
.ttw-vertical2 .price { font-family: Tahoma, Arial; font-size: 20px; font-weight: bold; color: #009; }
.ttw-vertical2 .price-change { font-family: Tahoma, Arial; font-size: 24px; font-weight: bold; color: #f00; padding-left: 10px; text-align: left; }
.ttw-vertical2 .price-change-plus { font-family: Tahoma, Arial; font-size: 24px; font-weight: bold; color: #090; padding-left: 10px; text-align: left; }
.ttw-vertical2 .date { color: #fff; height: 23px; padding: 0 0 0 70px; vertical-align: bottom; }
.ttw-vertical2 #Layer1 { position: absolute; left: 5px; top: 6px; width: 174px; height: 32px; z-index: 1; }
.ttw-vertical2 #Layer2 { position: absolute; left: 65px; top: 135px; width: 111px; height: 18px; z-index: 2; }
.ttw img { max-width: none; }

/* หน้าราคาทองคำย้อนหลัง: ตารางแบบเว็บเดิม */
.tt-history table { width: 100%; border-collapse: separate; border-spacing: 1px; font-family: "Times New Roman", Times, serif; font-size: 12px; }
.tt-history thead th, .tt-history table tr:first-child th { background: #E3262B; color: #fff; font-weight: bold; padding: 4px; text-align: center; }
.tt-history td { color: #800000; text-align: center; padding: 3px; }

/* ---------------- จอเล็ก (มือถือ/แท็บเล็ต) ---------------- */
@media (max-width: 975px) {
	/* ===== มือถือ/แท็บเล็ต: หน้าตาแบบ goldhip (การ์ดขาวมุมมน หัวแดง ตัวอักษร Sarabun 16px) ===== */
	html, body.tt-legacy { font-family: "Sarabun", Tahoma, "Noto Sans Thai", sans-serif !important; }
	body.tt-legacy { font-size: 16px; line-height: 1.6; }
	body.tt-legacy .tt-menu-toggle, body.tt-legacy .art-sidebar1, body.tt-legacy .art-sidebar2, body.tt-legacy .embedGold, body.tt-legacy #block-block-13 textarea, body.tt-legacy img, body.tt-legacy iframe, body.tt-legacy .art-Block, body.tt-legacy .art-BlockHeader { box-sizing: border-box; }
	.tt-legacy #art-main { margin: 0 0 48px; }
	.art-Sheet { width: auto; margin: 32px 0 0 !important; background: #F0EDE0; border-radius: 8px 8px 6px 6px; }
	.art-Sheet-body { padding: 8px; }
	.art-Sheet-tl, .art-Sheet-tr, .art-Sheet-bl, .art-Sheet-br, .art-Sheet-tc, .art-Sheet-bc, .art-Sheet-cl, .art-Sheet-cr, .art-Sheet-cc { display: none; }

	/* หัวเว็บ: รูปหัว + แถบแดงไล่สี ชื่อเว็บตัวใหญ่ + ปุ่มเมนู 3 ขีด */
	.art-Header, .art-Header .art-Header-link, .art-Header .art-Header-link img { width: 100%; height: auto; }
	.art-Header { aspect-ratio: 944 / 130; border-radius: 8px 8px 0 0; overflow: hidden; }
	.art-Logo-name, .art-Logo-name a { width: 20%; height: 100%; }
	.art-Logo { left: 0.53%; top: 3.85%; width: 19.92%; height: 90%; background-position: 0 0; background-size: contain; }
	.art-nav { margin: 0 0 8px; background: linear-gradient(#9f0712, #82181a); }
	.art-nav .l, .art-nav .r { display: none; }
	.tt-mbar { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px 16px; }
	.tt-mtitle { font-weight: 700; font-size: clamp(20px, 7.4vw, 30px); line-height: 1.2; color: #000; }
	body.tt-legacy .tt-menu-toggle { display: block; flex: none; width: 28px; height: 28px; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; }
	.tt-menu-toggle svg { display: block; width: 28px; height: 28px; }
	.art-menu { display: none; background: none; }
	.art-nav.is-open .art-menu { display: block; padding: 0 8px 8px !important; }
	.art-menu li { float: none; }
	.art-menu li.tt-sep { display: none; }
	.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover, .art-menu a.active { background: none; height: auto; border-top: 1px solid rgba(255,255,255,.18); }
	.art-menu a .t { color: #fff; font-size: 17px; font-weight: 600; line-height: 46px; letter-spacing: 0; text-transform: none; text-align: left; padding: 0 8px; }
	.art-menu a.active .t { color: #fed225; }

	/* คอลัมน์ → แถวเดียว */
	#main_content, .art-contentLayout, .art-contentLayout .art-content, .art-content-wide, .art-sidebar1, .art-sidebar2, .art-Footer, .art-Footer .art-Footer-background { float: none; width: auto; padding: 0; display: block; }
	.tt-columns { display: flex; flex-direction: column; }
	.tt-columns > .art-contentLayout { order: -1; }
	body.home .tt-columns > .art-contentLayout { order: 0; }
	.art-sidebar1, .art-sidebar2 { max-width: none; margin: 0; width: 100%; }
	#block-menu-menu-sidebar-menu { display: none !important; } /* ซ้ำกับเมนู 3 ขีดด้านบน */
	#block-block-8 img { max-width: 100%; }

	/* กล่อง = การ์ดขาวมุมมนมีเงา หัวกล่องแถบแดงตัวเหลือง */
	.tt-legacy .art-Block { background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1); padding: 8px; margin: 0 0 8px; overflow: hidden; }
	.art-BlockHeader { height: auto; padding: 8px 12px; margin: 0 0 8px; border-radius: 6px; background: linear-gradient(#9f0712, #82181a); }
	.art-BlockHeader .l, .art-BlockHeader .r { display: none; }
	.art-header-tag-icon { display: block; background: none; padding: 0; margin: 0; min-height: 0; }
	.art-BlockHeader .t, .art-BlockHeader .t h2.subject { height: auto; padding: 0; color: #fed225; font-size: 17px; line-height: 1.35; white-space: normal; text-transform: none; }
	.art-BlockContent-body { padding: 0; font-size: 16px; color: #1f2937; }
	.art-BlockContent-body li { font-size: 16px; }
	.art-sidebar1 .art-BlockContent-body, .art-sidebar2 .art-BlockContent-body { text-align: center; }
	.ttw-vertical, .ttw-vertical2 { margin: 0 auto; text-align: left; }
	#block-block-11 .art-BlockContent-body { border: 0; margin: 0; padding: 0; }
	#block-block-11 input[type=text], #block-block-16 input[type=text] { width: 100%; box-sizing: border-box; height: auto; font: 14px/1.4 monospace; border: 1px solid #1f2a5a; padding: 4px; }

	/* กล่องราคาใหญ่ด้านบน: ย่อตารางให้พอดีจอ (สคริปต์ในหัวเว็บตั้งค่า zoom) */
	#block-block-13 .art-Block { padding: 8px; }
	.embedGold { width: auto; padding: 0; overflow: hidden; }
	.embedGold p { margin: 8px 0 0; font-size: 16px; color: #000; }
	#block-block-13 textarea { display: block; width: 100%; height: 60px; font: 14px/1.5 monospace; margin: 4px 0 0; border: 1px solid #1f2a5a; }
	.tt-ad-728 { display: none; }

	/* เก็งราคาทอง (บทความเด่น) แบบการ์ดเหลืองอ่อน */
	#block-block-14 .art-BlockContent-body { width: auto; background: #fefce8; border-radius: 8px; padding: 12px; }
	#block-block-14 h3.tt-forecast-title, #block-block-14 h3.tt-forecast-title a { font-size: 20px; font-weight: 700; line-height: 1.4; color: #82181a; }
	#block-block-14 .tt-forecast-date { font-size: 14px; color: #6b7280; }
	#block-block-14 img, #block-views-talking-block_1 img, .view-news img, .art-PostContent img { border: 0; padding: 0; border-radius: 6px; }

	/* รายการบทความ: หัวข้อสีแดงตัวหนา */
	.views-field-title a, .views-field-title-1 a, .view-talking .views-field-title a { color: #9f0712; font-weight: 600; font-size: 16px; line-height: 1.5; }
	#block-views-talking-block_1 .views-field-title { font-size: 18px; }
	#block-views-talking-block_1 .views-field-title a { font-size: 18px; color: #82181a; font-weight: 700; }
	#block-views-news-block_2 .view-content ul li, #block-views-news-block_1 .view-content ul li { margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid #eee; }
	#block-views-news-block_2 .views-field-field-image-fid img { width: 96px; height: 96px; object-fit: cover; }
	.view-analysis table, .view-analysis tbody, .view-analysis tr { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; width: 100%; }
	.view-analysis table, .view-analysis tbody { display: block; }
	.view-analysis table tr td { width: auto; display: block; }
	.view-header p { font-size: 15px; }
	.tt-marquee { height: 28px; line-height: 28px; font-size: 16px; width: 100%; }
	.tt-marquee-inner { animation-duration: 30s; }

	/* หน้าบทความ / หมวด */
	.tt-legacy .art-Post { background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1); margin: 0 0 8px; }
	.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc, .art-Post-cr, .art-Post-cl, .art-Post-cc { display: none; }
	.art-Post-body { padding: 12px; margin: 0; }
	.tt-legacy .art-PostHeaderIcon-wrapper, .tt-legacy .art-PostHeaderIcon-wrapper a, .art-PostHeader { font-family: inherit; font-size: 22px; line-height: 1.4; color: #82181a; margin: 4px 0 10px; }
	.tt-legacy h1.tt-list-title { font-size: 22px; font-weight: 700; line-height: 1.4; color: #82181a; margin: 4px 0 12px; }
	.art-PostMetadataHeader { background: #f9fafb; border: 0; border-radius: 6px; }
	.art-PostHeaderIcons { font-size: 14px; }
	.art-PostContent { font-size: 17px; line-height: 1.75; color: #1f2937; }
	.art-PostContent h2 { font-size: 20px; } .art-PostContent h3 { font-size: 18px; }
	.view-talking li.views-row { margin: 0 0 10px; padding: 0 0 10px 14px; border-bottom: 1px solid #eee; background-position: 0 8px; }
	.view-talking li.views-row .views-field-title { float: none; border: 0; padding: 0; margin: 0; }
	.view-talking li.views-row .views-field-created-1 { font-size: 13px; }
	.art-PostContent .view-news li.views-row { max-width: none; border-bottom: 1px solid #eee; }
	.art-PostContent .view-news li.views-row .views-field-field-image-fid img { width: 110px; height: 80px; }
	.tt-legacy .item-list ul.pager li { display: inline-block; margin: 0 2px 6px; padding: 6px 10px; border-radius: 6px; }
	.breadcrumb { font-size: 14px; }
	.tt-history table { font-size: 13px; }

	/* ท้ายเว็บ */
	.art-Footer { background: #F0EDE0; border-radius: 0 0 6px 6px; margin: 0; }
	.art-Footer .art-Footer-background { display: none; }
	.art-Footer .art-Footer-text { font-size: 14px; }
	a.feed-icon { position: static; display: inline-block; margin: 0 6px 0 0; vertical-align: middle; }
}
@media (max-width: 480px) {
	.art-content .art-BlockContent-body img, .art-PostContent img { padding: 2px; }
	.tt-legacy .art-PostHeaderIcon-wrapper, .tt-legacy .art-PostHeaderIcon-wrapper a { font-size: 18px; line-height: 1.3; }
}


/* กล่อง "ราคาทองวันนี้" (ข้อมูลจาก Taradthong Core) */
.tt-legacy #ttc-today{font-size:13px;line-height:1.5}
.tt-legacy #ttc-today .tt-today-lead{margin:0 0 8px}
.tt-legacy #ttc-today .tt-today-cmp{margin:10px 0 6px}
.tt-legacy #ttc-today .tt-note{margin:4px 0 10px;color:#666;font-size:11px}
/* ตารางราคาทุกตัวของ Taradthong Core (หน้าแรก, หน้าราคาย้อนหลัง, shortcode ในบทความ) ใช้หน้าตาเดียวกัน */
.tt-legacy table.tt-today-table{display:table;width:100%;border-collapse:collapse;margin:0 0 8px;font-size:13px;font-variant-numeric:tabular-nums}
.tt-legacy table.tt-today-table thead{display:table-header-group}
.tt-legacy table.tt-today-table tbody{display:table-row-group}
.tt-legacy table.tt-today-table th{background:#9f0712;color:#fed225;font-weight:bold;padding:5px 6px;text-align:center;vertical-align:middle;border:1px solid #7a0a12;line-height:1.3}
.tt-legacy table.tt-today-table td{padding:5px 6px;border:1px solid #e5dcc3;text-align:center;vertical-align:middle;white-space:nowrap;background:#fff}
.tt-legacy table.tt-today-table td:first-child{text-align:left;white-space:normal}
.tt-legacy table.tt-today-table tbody tr:nth-child(even) td{background:#fbf7ea}
.tt-legacy table.tt-today-table small{color:#777;font-weight:normal}
.tt-legacy #ttc-today .tt-up,.tt-legacy .tt-today-table .tt-up,.tt-legacy .tt-hist .tt-up{color:#15803d;font-weight:bold}
.tt-legacy #ttc-today .tt-down,.tt-legacy .tt-today-table .tt-down,.tt-legacy .tt-hist .tt-down{color:#b91c1c;font-weight:bold}
.tt-legacy #ttc-today .tt-flat,.tt-legacy .tt-today-table .tt-flat,.tt-legacy .tt-hist .tt-flat{color:#555}
.tt-legacy #ttc-today details.tt-rounds{margin:0 0 8px}
.tt-legacy #ttc-today details.tt-rounds summary{cursor:pointer;color:#7a0a12;font-weight:bold;margin:0 0 6px}
.tt-legacy #ttc-today svg.tt-spark{display:block;width:100%;height:auto;max-width:540px;margin:0 0 8px}
.tt-legacy #ttc-today .tt-faq h3{font-size:14px;margin:12px 0 6px;color:#5C522E}
.tt-legacy #ttc-today .tt-faq p{margin:0 0 8px}
@media (max-width:975px){
  .tt-legacy .tt-copy{display:none !important}
  .tt-legacy #ttc-today{font-size:15px}
  /* มือถือ: ตารางเต็มกว้าง คอลัมน์หัว-เนื้อตรงกัน ตัวเลขชิดกลาง หัวตารางตัดบรรทัดได้ */
  .tt-legacy table.tt-today-table{font-size:14px;margin:0 0 12px}
  .tt-legacy table.tt-today-table th{font-size:13px;padding:7px 4px;white-space:normal}
  .tt-legacy table.tt-today-table td{padding:8px 4px}
  .tt-legacy table.tt-today-table td:first-child{padding-left:8px}
  .tt-legacy table.tt-today-table small{display:block;font-size:11px;line-height:1.3}
  /* ตารางรายวัน (7 วัน / ช่วงวันที่): ซ่อน "เปิด" ให้พอดีจอ, สูงสุด/ต่ำสุด ขึ้น 2 บรรทัด */
  .tt-legacy table.tt-week th:nth-child(2),.tt-legacy table.tt-week td:nth-child(2),
  .tt-legacy table.tt-range th:nth-child(2),.tt-legacy table.tt-range td:nth-child(2){display:none}
  .tt-legacy table.tt-week td:nth-child(4),.tt-legacy table.tt-range td:nth-child(4){white-space:normal;font-size:12px;line-height:1.35;color:#555}
  .tt-legacy table.tt-week td:first-child,.tt-legacy table.tt-range td:first-child{white-space:nowrap;padding-left:6px}
  /* ตารางรายปี: ตัวเลขเยอะ ใช้ตัวเล็กลง ช่องเปลี่ยนแปลงตัดบรรทัดได้ */
  .tt-legacy table.tt-yearly{font-size:12px}
  .tt-legacy table.tt-yearly th{font-size:12px;padding:6px 2px}
  .tt-legacy table.tt-yearly td{padding:7px 2px}
  .tt-legacy table.tt-yearly td:last-child{white-space:normal}
}
@media (max-width:380px){
  .tt-legacy table.tt-today-table{font-size:13px}
  .tt-legacy table.tt-today-table th{font-size:12px}
  .tt-legacy table.tt-yearly,.tt-legacy table.tt-yearly th{font-size:11px}
}
}

/* กล่องดำ สมาคม/คาดการณ์ — แสดงเฉพาะมือถือ */
.tt-legacy .tt-m-only{display:none}
.tt-legacy .tt-live{background:#1c1c1e;color:#fff;border-radius:12px;padding:10px 10px 8px;margin:8px 0;font-family:Sarabun,Tahoma,sans-serif}
.tt-legacy .tt-live table{width:100%;border-collapse:collapse;border:0;background:none}
.tt-legacy .tt-live th,.tt-legacy .tt-live td{border:0;background:none;padding:4px 2px;text-align:right;white-space:nowrap}
.tt-legacy .tt-live thead th{color:#a1a1aa;font-weight:normal;font-size:15px}
.tt-legacy .tt-live tbody th{color:#fff;font-size:17px;font-weight:bold;text-align:left}
.tt-legacy .tt-live tbody td{font-size:24px;font-weight:bold;color:#e5e7eb;font-variant-numeric:tabular-nums}
.tt-legacy .tt-live tr.tt-l-up td{color:#5cc26a}
.tt-legacy .tt-live tr.tt-l-dn td{color:#f28b82}
.tt-legacy .tt-live .tt-l-note{margin:6px 0 0;color:#a1a1aa;font-size:12px;line-height:1.5;text-align:center}
@media (max-width:975px){
  .tt-legacy .tt-m-only{display:block}
}
@media (max-width:380px){
  .tt-legacy .tt-live tbody td{font-size:19px}
  .tt-legacy .tt-live tbody th{font-size:15px}
}

/* หน้าราคาทองคำย้อนหลัง (ส่วนสรุปจาก Taradthong Core 1.0.13) */
.tt-legacy .tt-hist{font-size:13px;line-height:1.6;color:#373B35}
.tt-legacy .tt-hist h2,.tt-legacy .tt-history h2.tt-all-title{font-size:17px;font-weight:bold;color:#9f0712;margin:22px 0 8px;line-height:1.35}
.tt-legacy .tt-history h2.tt-all-title small{font-size:12px;color:#777;font-weight:normal}
.tt-legacy .tt-hist h3{font-size:14px;font-weight:bold;color:#5C522E;margin:14px 0 4px;line-height:1.4}
.tt-legacy .tt-hist p{margin:0 0 8px}
.tt-legacy .tt-hist .tt-hist-lead,.tt-legacy .tt-hist-back{font-size:14px;background:#fffbea;border:1px solid #efe1b0;border-radius:8px;padding:10px 12px;margin:0 0 10px}
.tt-legacy .tt-hist-nav,.tt-legacy .tt-hist-ranges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}
.tt-legacy .tt-hist-nav a{font-size:12px;padding:3px 10px;border-radius:999px;background:#f3eedb;color:#5C522E;text-decoration:none}
.tt-legacy .tt-hist-ranges span{font-weight:bold;color:#5C522E;margin-right:2px}
.tt-legacy .tt-hist-ranges a{font-size:13px;font-weight:bold;padding:4px 12px;border:1px solid #d9c27a;border-radius:999px;background:#fff;color:#9f0712;text-decoration:none}
.tt-legacy .tt-hist-ranges a:hover,.tt-legacy .tt-hist-ranges a.is-on{background:#9f0712;border-color:#9f0712;color:#fed225;text-decoration:none}
.tt-legacy .tt-hist svg.tt-hist-chart{display:block;width:100%;height:auto;max-width:640px;margin:6px 0}
.tt-legacy .tt-hist svg.tt-hist-chart text{font-family:Tahoma,Arial,sans-serif;font-size:15px}
/* ตาราง: ห้ามตัดคำกลางคำ (กรอบบทความตั้ง overflow-wrap:anywhere ไว้) */
.tt-legacy table.tt-today-table th,.tt-legacy table.tt-today-table td,.tt-legacy .tt-history th,.tt-legacy .tt-history td{overflow-wrap:normal;word-break:normal}
.tt-legacy .tt-hist .tt-note{font-size:11px;color:#666}
.tt-legacy .tt-hist-sum{margin:8px 0 12px 20px;padding:0;list-style:disc}
.tt-legacy .tt-hist-sum li{margin:3px 0;background:none;padding:0}
.tt-legacy .tt-history-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px;font-size:12px}
.tt-legacy .tt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tt-legacy .tt-history td.tt-odd{color:#b45309}
.tt-legacy .tt-hist.tt-faq{margin-top:18px}
@media (max-width:975px){
  .tt-legacy .tt-hist{font-size:15px}
  .tt-legacy .tt-hist h2,.tt-legacy .tt-history h2.tt-all-title{font-size:19px;margin:24px 0 8px}
  .tt-legacy .tt-hist h3{font-size:16px}
  .tt-legacy .tt-hist .tt-hist-lead,.tt-legacy .tt-hist-back{font-size:15px}
  .tt-legacy .tt-hist-nav a{font-size:13px;padding:5px 10px}
  .tt-legacy .tt-hist-ranges a{font-size:14px;padding:6px 12px}
  .tt-legacy .tt-hist .tt-note{font-size:12px}
  .tt-legacy table.tt-today-table th.tt-op,.tt-legacy table.tt-today-table td.tt-op{display:none}
  .tt-legacy table.tt-today-table td.tt-hl{white-space:normal;font-size:12px;line-height:1.35;color:#555}
  .tt-legacy .tt-history-form{font-size:14px}
  .tt-legacy .tt-hist svg.tt-hist-chart text{font-family:Sarabun,Tahoma,sans-serif;font-size:22px}
  /* ตารางทุกครั้งที่ประกาศ บนมือถือ: เหลือ วันที่ | ทอง 96.5% | Spot Gold (ซ่อน KITCO/ค่าเงิน) ตัวอักษรเดียวกับทั้งหน้า */
  .tt-legacy .tt-history table{font-family:inherit;font-size:13px}
  .tt-legacy .tt-history th,.tt-legacy .tt-history td{white-space:nowrap;padding:6px 4px}
  .tt-legacy .tt-history th:nth-child(3),.tt-legacy .tt-history td:nth-child(3),.tt-legacy .tt-history th:nth-child(4),.tt-legacy .tt-history td:nth-child(4){display:none}
  .tt-legacy .tt-history td[colspan]{white-space:normal}
}

/* การ์ดแทนรูปโลโก้ตลาดทองตัวเดิม (มือถือ) — สีไล่ 6 แบบตามเลขบทความ ไม่ใช้ไฟล์รูป */
.tt-legacy .tt-d-only{display:inline}
.tt-legacy a.tt-gen-a{text-decoration:none}
.tt-legacy .tt-gen{display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;color:#fff;overflow:hidden;position:relative;box-sizing:border-box;text-align:left}
.tt-legacy .tt-gen-lg{width:100%;aspect-ratio:16/9;padding:14px 16px}
.tt-legacy .tt-gen-lg::after{content:"";position:absolute;right:-40px;bottom:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,66,.35),rgba(245,197,66,0) 70%);pointer-events:none}
.tt-legacy .tt-gen-sm{width:96px;height:96px;align-items:center;justify-content:center}
.tt-legacy .tt-gen-sm .tt-gen-i{width:56px;height:35px}
.tt-legacy .tt-gen-cat{align-self:flex-start;font-size:13px;font-weight:700;line-height:1.4;background:rgba(0,0,0,.28);padding:3px 10px;border-radius:999px;color:#ffe9a8}
.tt-legacy .tt-gen-t{font-size:21px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.35);margin:8px 0}
.tt-legacy .tt-gen-b{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.5px;color:#ffe9a8}
.tt-legacy .tt-gen-b .tt-gen-i{width:30px;height:19px}
.tt-legacy .tt-gen-0{background:linear-gradient(135deg,#9f0712,#5c0a10)}
.tt-legacy .tt-gen-1{background:linear-gradient(135deg,#b45309,#7c2d12)}
.tt-legacy .tt-gen-2{background:linear-gradient(135deg,#047857,#064e3b)}
.tt-legacy .tt-gen-3{background:linear-gradient(135deg,#1d4ed8,#172554)}
.tt-legacy .tt-gen-4{background:linear-gradient(135deg,#7e22ce,#3b0764)}
.tt-legacy .tt-gen-5{background:linear-gradient(135deg,#0f766e,#134e4a)}
@media (max-width:975px){
  .tt-legacy .tt-d-only{display:none}
  .tt-legacy #block-views-news-block_1 .tt-gen-sm{width:64px;height:64px}
  .tt-legacy #block-views-news-block_1 .tt-gen-sm .tt-gen-i{width:40px;height:25px}
}
@media (max-width:380px){
  .tt-legacy .tt-gen-t{font-size:18px}
}

/* ---------- 1.2.8 หน้าคำค้น: ทางลัด / ราคาน้ำมัน / ราคาทองตามน้ำหนัก / เครื่องคำนวณ / ย้อนหลังรายปี-เดือน */
.tt-legacy .tt-hub{margin:8px 0 12px;font-size:13px;line-height:1.5}
.tt-legacy .tt-hub-g{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.tt-legacy .tt-hub-g strong{flex:0 0 100%;color:#9f0712;font-size:14px;margin:4px 0 0}
.tt-legacy .tt-hub-g a{display:inline-block;padding:4px 10px;border:1px solid #e3cf8e;border-radius:999px;background:#fffbea;color:#5C522E;text-decoration:none;white-space:nowrap}
.tt-legacy .tt-hub-g a:hover{background:#9f0712;border-color:#9f0712;color:#fed225;text-decoration:none}
.tt-legacy .tt-hub-footer{clear:both;margin:12px 10px;padding:10px 12px;background:#fffdf4;border-top:2px solid #d9c27a;border-radius:6px}
.tt-legacy .tt-hub-in{border-top:1px dashed #d9c27a;padding-top:10px;margin-top:18px}
.tt-legacy .tt-oil-same{color:#777}
.tt-legacy .tt-oil-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:2px 0 6px;font-size:12px}
.tt-legacy .tt-oil-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.tt-legacy table.tt-oil-ch td:last-child{text-align:left;white-space:normal;line-height:1.6}
.tt-legacy table.tt-wt-all tr.is-on td,.tt-legacy table.tt-tool-t tr.is-on td{background:#fff3c4}
.tt-legacy .tt-calc{background:#fff;border:2px solid #d9c27a;border-radius:10px;padding:10px 12px;margin:10px 0 12px}
.tt-legacy .tt-calc p{margin:0 0 4px}
.tt-legacy .tt-calc label{display:inline-flex;align-items:center;gap:6px;margin:4px 12px 4px 0;font-weight:bold;color:#5C522E}
.tt-legacy .tt-calc input,.tt-legacy .tt-calc select{font:inherit;font-weight:normal;padding:5px 8px;border:1px solid #cdbb84;border-radius:6px;background:#fffef8;max-width:170px}
.tt-legacy .tt-calc input[type=number]{width:110px}
.tt-legacy .tt-calc .tt-calc-out{margin:8px 0 0;padding:8px 10px;background:#fffbea;border-radius:6px;font-size:14px}
.tt-legacy .tt-calc .tt-calc-out strong{color:#9f0712;font-size:18px}
.tt-legacy .tt-period-nav a{font-weight:bold}
@media (max-width:975px){
  .tt-legacy .tt-hub{font-size:14px}
  .tt-legacy .tt-hub-g a{padding:7px 12px}
  .tt-legacy .tt-hub-footer{margin:12px 0}
  .tt-legacy .tt-calc label{display:flex;justify-content:space-between;margin:6px 0}
  .tt-legacy .tt-calc input,.tt-legacy .tt-calc select{max-width:none;width:auto;flex:0 0 52%;font-size:16px}
  .tt-legacy .tt-calc input[type=number]{width:auto}
  .tt-legacy .tt-oil-legend{font-size:13px}
  .tt-legacy table.tt-oil-ch td:last-child{font-size:13px}
}

/* 1.2.9 กราฟทองโลกเรียลไทม์ (TradingView) — จองพื้นที่ไว้ก่อน ไม่ให้หน้าเลื่อน (CLS) */
.tt-legacy .tt-tv{position:relative;height:420px;margin:6px 0 2px;border:1px solid #e5dcc3;border-radius:6px;overflow:hidden;background:#fffdf6}
.tt-legacy .tt-tv .tt-chart-wait{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;color:#8a7a4a;font-size:13px;text-align:center}
.tt-legacy .tt-tv .tradingview-widget-container__widget,.tt-legacy .tt-tv iframe{width:100%!important;height:100%!important}
.tt-legacy table.tt-mkt-r td,.tt-legacy table.tt-mkt-d td,.tt-legacy table.tt-mkt-y td{white-space:nowrap}
@media (max-width:975px){.tt-legacy .tt-tv{height:360px}}

/* 1.2.10 ตารางกว้าง (ทุกปั๊ม / ทุกประกาศ) เลื่อนซ้าย-ขวาบนมือถือ · แนวโน้มราคาทอง */
.tt-legacy .tt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 4px;max-width:100%}
.tt-legacy .tt-scroll > table{margin-bottom:0}
.tt-legacy table.tt-oil-all td,.tt-legacy table.tt-oil-all th,.tt-legacy table.tt-gta-r td,.tt-legacy table.tt-gta-r th{white-space:nowrap}
.tt-legacy table.tt-oil-all th.is-on,.tt-legacy table.tt-oil-all td.is-on{background:#fff3c4}
.tt-legacy table.tt-oil-all td:first-child,.tt-legacy table.tt-oil-all th:first-child{position:sticky;left:0;background:#fffdf6;z-index:1;text-align:left}
@media (max-width:975px){
  .tt-legacy .tt-scroll > table{min-width:520px}
}