.sugar-article .thesis, .sugar-article .ledger-pull { border-left:4px solid #947026;padding:8px 0 8px 24px;margin:38px 0;font-family:'Playfair Display',serif;font-size:clamp(23px,3vw,31px);line-height:1.35 }
.sugar-article .metrics { display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:28px 0 34px }
.sugar-article .metric { background:#153d31;color:white;padding:20px 16px;min-height:112px }
.sugar-article .metric strong { display:block;font:700 24px/1.05 'DM Sans',sans-serif;color:#f6e3aa;margin-bottom:9px }
.sugar-article .metric span { font:11px/1.4 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#dce6e1 }
.sugar-article .table-scroll { overflow-x:auto;margin:28px 0 36px;border:1px solid var(--rule) }
.sugar-article .data-table { width:100%;border-collapse:collapse;font:12px/1.45 'DM Sans',sans-serif;min-width:720px }
.sugar-article .data-table th { background:#153d31;color:#fff;padding:11px;text-align:left;vertical-align:top }
.sugar-article .data-table td { padding:10px 11px;border-bottom:1px solid var(--rule);vertical-align:top }
.sugar-article .data-table tr:nth-child(even) td { background:#faf8f3 }
.sugar-article .crop-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 32px }
.sugar-article .crop-cards>div { border:1px solid var(--rule);background:#f8f5ef;padding:18px }
.sugar-article .crop-cards b, .sugar-article .crop-cards span, .sugar-article .crop-cards em { display:block }
.sugar-article .crop-cards b { font:700 20px 'Playfair Display',serif }
.sugar-article .crop-cards span { font:700 10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#947026;margin:4px 0 10px }
.sugar-article .crop-cards em { font:13px/1.45 'DM Sans',sans-serif;color:#57625c }
.sugar-article .flow-visual { display:flex;align-items:center;gap:7px;margin:34px 0;padding:18px;background:#f1eee6;font:700 11px/1.3 'DM Sans',sans-serif;text-transform:uppercase;text-align:center;color:#153d31 }
.sugar-article .flow-visual span { flex:1 }
.sugar-article .flow-visual b { color:#947026;font-size:20px }
.sugar-article .metrics.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sugar-article .article-body { overflow-wrap: anywhere; }
.sugar-article .metric, .sugar-article .crop-cards > div, .sugar-article .flow-visual span { min-width: 0; }
.sugar-article .data-table { font-size: 14px; }
.sugar-article .table-scroll:focus-visible { outline: 2px solid var(--agri); outline-offset: 3px; }
.sugar-article .article-hero-img { object-position: center 60%; }
.sugar-article .sources { margin-top: 48px; border-top: 2px solid var(--ink); }
.sugar-article .sources li { font-size: 14px; line-height: 1.6; margin-bottom: 12px; }
@media (max-width: 700px) {
  .sugar-article .metrics, .sugar-article .metrics.three, .sugar-article .crop-cards { grid-template-columns: 1fr; }
  .sugar-article .flow-visual { flex-direction: column; }
  .sugar-article .flow-visual b { transform: rotate(90deg); }
}