/* Latest Arecanut Price page — arecanut-price-this-week/ (English) and arecanut-price-this-week/ta/ (Tamil).
   Loaded after style.css. Script: assets/js/areca-latest.js. */
body{font-family:var(--font-body); background:var(--cream)}
[hidden]{display:none !important}
.tw-crumbs{font-size:13px; color:var(--ink-soft); margin:0 0 4px}
.tw-crumbs a{color:var(--rust)}
.tw-faq details{background:#fff; border:1px solid var(--border); border-radius:12px; padding:12px 14px; margin-bottom:8px}
.tw-faq summary{font-weight:700; font-size:15.5px; cursor:pointer}
.tw-faq details p{font-size:15px; line-height:1.6; margin:8px 0 0}
.tw-about{font-size:14.5px; line-height:1.65; background:#fff; border:1px solid var(--border); border-radius:12px; padding:14px}
.tw-about p{margin:0 0 8px} .tw-about p:last-child{margin:0}
.tw-about a, .tw-faq a{color:var(--rust)}
.tw-top{display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:760px; margin:0 auto; padding:12px 16px}
.tw-top img{height:40px; width:auto; display:block}
.tw-top-right{display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end}
.tw-top a.tw-home{font-size:14px; font-weight:600; color:var(--rust)}
/* Language toggle (same markup as the site's .lang-switch), restyled for this page's light header. */
.tw-top .lang-switch{border-color:var(--border); font-size:14px; background:#fff}
.tw-top .lang-switch a{padding:5px 14px; color:var(--ink); opacity:1}
.tw-top .lang-switch a + a{border-left-color:var(--border)}
.tw-top .lang-switch a[aria-current="true"]{background:#1B6B3A; color:#fff}
.tw-wrap{max-width:760px; margin:0 auto; padding:4px 16px 40px}
.tw-wrap h1{font-family:var(--font-display); font-size:clamp(25px,5vw,34px); line-height:1.2; margin:4px 0 6px}
.tw-week{font-size:15px; color:var(--ink-soft); margin:0 0 10px}
.tw-week strong{color:var(--ink)}
/* The latest auction date, big and impossible to miss. */
.tw-date{display:flex; align-items:center; gap:12px; background:#1B6B3A; color:#fff; border-radius:14px; padding:12px 16px; margin:0 0 14px}
.tw-date .tw-cal{font-size:30px; line-height:1; flex:none}
.tw-date .tw-dl{font-size:13px; font-weight:600; letter-spacing:.4px; text-transform:uppercase; opacity:.85}
.tw-date .tw-dv{display:block; font-size:clamp(22px,6vw,28px); font-weight:800; line-height:1.15}
.tw-date .tw-ago{display:inline-block; margin-top:4px; font-size:14px; font-weight:700; background:#fff; color:#1B6B3A; border-radius:20px; padding:2px 10px}
.tw-date.old{background:#8E2B20} .tw-date.old .tw-ago{color:#8E2B20}
.tw-status{font-size:14px; padding:12px 14px; border-radius:10px; background:#FFF6DC; border:1px solid #EBD79A; margin:10px 0}
.tw-note{font-size:14px; padding:10px 14px; border-radius:10px; background:#FFF6DC; border:1px solid #EBD79A; margin:0 0 12px}
.tw-prices{display:grid; gap:12px}
/* One card per stage: big photo + name, then one row per market with the price in large type. */
.tw-stage{background:#fff; border:1px solid var(--border); border-top:6px solid var(--stage); border-radius:14px; padding:14px}
.tw-head{display:flex; gap:14px; align-items:center}
.tw-head img{width:96px; height:96px; border-radius:12px; object-fit:cover; display:block; flex:none}
.tw-stage h2{font-family:var(--font-body); font-size:20px; font-weight:700; line-height:1.25; margin:0}
.tw-stage .tw-local{display:block; font-size:16px; color:var(--ink-soft); font-weight:600; margin-top:2px}
.tw-chg{font-size:15px; margin-top:6px}
.tw-mkt{display:flex; justify-content:space-between; align-items:baseline; gap:10px; flex-wrap:wrap; border-top:1px solid #EAE3D2; margin-top:12px; padding-top:10px}
.tw-mkt span{font-size:15px; color:var(--ink-soft)}
.tw-mkt span b{display:block; font-size:17px; color:var(--ink)}
/* Each market's own auction date: dark and bold, with a small calendar mark. */
.tw-mkt .tw-md{display:inline-block; margin-top:2px; font-size:15px; font-weight:700; color:#1B6B3A; background:#E6F3EA; border-radius:8px; padding:1px 8px}
.tw-mkt .tw-p{font-size:clamp(28px,8vw,36px); font-weight:800; color:var(--ink); font-variant-numeric:tabular-nums; white-space:nowrap; line-height:1.1}
.tw-mkt .tw-p small{font-size:16px; font-weight:600; color:var(--ink-soft)}
.tw-mkt .tw-none{font-size:18px; font-weight:600; color:var(--ink-soft)}
.tw-up{color:#1B6B3A; font-weight:700} .tw-down{color:#A13A2E; font-weight:700} .tw-flat{color:var(--ink-soft); font-weight:700}
.tw-fine{font-size:12.5px; color:var(--ink-soft); line-height:1.6; margin:10px 0 0}
/* Buttons: big, thumb-sized, one job each. */
.tw-cta{display:flex; align-items:center; justify-content:center; gap:10px; width:100%; box-sizing:border-box; min-height:56px; padding:12px 18px; border-radius:14px; font-size:17px; font-weight:700; text-decoration:none; margin:18px 0 0; text-align:center}
.tw-cta.wa{background:#1B8A4B; color:#fff}
.tw-cta.wa:hover{background:#167540}
.tw-cta.share{background:#fff; color:#1B6B3A; border:2px solid #1B6B3A; margin-top:10px; font-size:16px}
.tw-cta svg{width:24px; height:24px; flex:none}
.tw-follow{margin:18px 0 0; text-align:center}
.tw-follow p{font-size:16px; font-weight:700; margin:0 0 10px}
.tw-soc{display:grid; grid-template-columns:repeat(3,1fr); gap:8px}
.tw-soc a{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:64px; border-radius:12px; color:#fff; font-size:14px; font-weight:700; text-decoration:none}
.tw-soc svg{width:26px; height:26px}
.tw-soc .ig{background:linear-gradient(135deg,#F58529,#DD2A7B 55%,#8134AF)}
.tw-soc .fb{background:#1877F2}
.tw-soc .yt{background:#E62117}
.tw-sec{font-family:var(--font-display); font-size:21px; margin:28px 0 10px}
.tw-links{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr)); gap:10px}
.tw-link{display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--border); border-radius:12px; padding:14px; min-height:64px; box-sizing:border-box; text-decoration:none; color:var(--ink)}
.tw-link:hover{border-color:#1B6B3A; box-shadow:0 0 0 1px #1B6B3A}
.tw-link .tw-ico{font-size:26px; line-height:1; flex:none; width:32px; text-align:center}
.tw-link b{display:block; font-size:15px}
.tw-link span.tw-sub{display:block; font-size:12.5px; color:var(--ink-soft); margin-top:2px}