/* ANANFX Articles mobile rebuild v056 — scoped mobile-only source of truth */
@media (max-width: 767px) {
  body[data-page-key="articles"] { --articles-yellow:#ffde02; --articles-gold:#c79800; --articles-text:#090a0c; --articles-muted:#686d75; --articles-border:#e7e8e5; --articles-surface:#f7f7f5; background:#fff; color:var(--articles-text); overflow-x:hidden; }
  body[data-page-key="articles"] .articles-mobile { display:block; min-height:100vh; background:#fff; }
  body[data-page-key="articles"] .articles-main { overflow:hidden; }
  body[data-page-key="articles"] .articles-container { width:min(100% - 32px, 680px); margin-inline:auto; min-width:0; }
  body[data-page-key="articles"] .articles-hero { padding:24px 0 38px; background:#fff; }
  body[data-page-key="articles"] .articles-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:28px; color:#70757d; }
  body[data-page-key="articles"] .articles-breadcrumb a { color:#34373c; text-decoration:none; }
  body[data-page-key="articles"] .articles-hero__copy { display:grid; gap:14px; }
  body[data-page-key="articles"] .articles-hero__copy :is(p,h1) { margin:0; }
  body[data-page-key="articles"] .articles-hero__copy .eyebrow { color:#a67f00; }
  body[data-page-key="articles"] .articles-hero__description { color:var(--articles-muted); overflow-wrap:anywhere; }
  body[data-page-key="articles"] .articles-hero__visual { margin:24px 0 0; }
  body[data-page-key="articles"] .articles-hero__visual img { display:block; width:100%; height:auto; object-fit:contain; }
  body[data-page-key="articles"] .articles-discovery { padding:0 0 34px; }
  body[data-page-key="articles"] .articles-search { display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:54px; padding:8px 10px 8px 16px; border:1px solid var(--articles-border); border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(12,14,16,.04); }
  body[data-page-key="articles"] .articles-search img { width:22px; height:22px; }
  body[data-page-key="articles"] .articles-search input { min-width:0; width:100%; border:0; outline:0; background:transparent; color:var(--articles-text); }
  body[data-page-key="articles"] .articles-search__clear { min-height:38px; padding:6px 10px; border:0; border-radius:10px; background:var(--articles-surface); color:#4f535a; }
  body[data-page-key="articles"] .articles-popular-search { display:grid; gap:9px; margin-top:14px; }
  body[data-page-key="articles"] .articles-popular-search > strong { color:#50545a; }
  body[data-page-key="articles"] .articles-chip-row, body[data-page-key="articles"] .articles-tag-row { display:flex; gap:9px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:none; padding:2px 1px 8px; }
  body[data-page-key="articles"] .articles-chip-row::-webkit-scrollbar, body[data-page-key="articles"] .articles-tag-row::-webkit-scrollbar { display:none; }
  body[data-page-key="articles"] .articles-chip-row button, body[data-page-key="articles"] .articles-tag-row button { flex:0 0 auto; min-height:40px; padding:8px 13px; border:1px solid var(--articles-border); border-radius:999px; background:#fff; color:#34373c; white-space:nowrap; }
  body[data-page-key="articles"] .articles-chip-row button.is-active, body[data-page-key="articles"] .articles-tag-row button.is-active { border-color:#121315; background:#121315; color:#fff; box-shadow:inset 0 -3px 0 var(--articles-yellow); }
  body[data-page-key="articles"] .articles-categories, body[data-page-key="articles"] .articles-recommended, body[data-page-key="articles"] .articles-popular, body[data-page-key="articles"] .articles-benefits, body[data-page-key="articles"] .articles-newsletter, body[data-page-key="articles"] .articles-tags { padding:44px 0; }
  body[data-page-key="articles"] .articles-categories, body[data-page-key="articles"] .articles-popular, body[data-page-key="articles"] .articles-newsletter { background:var(--articles-surface); }
  body[data-page-key="articles"] :is(.articles-categories,.articles-popular,.articles-benefits,.articles-tags) h2 { margin:0 0 20px; }
  body[data-page-key="articles"] .articles-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  body[data-page-key="articles"] .articles-category { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:9px; min-width:0; min-height:76px; padding:13px; border:1px solid var(--articles-border); border-radius:16px; background:#fff; color:var(--articles-text); text-align:left; }
  body[data-page-key="articles"] .articles-category svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  body[data-page-key="articles"] .articles-category span { min-width:0; overflow-wrap:anywhere; }
  body[data-page-key="articles"] .articles-category.is-active { border-color:#151617; background:#151617; color:#fff; box-shadow:inset 0 -4px 0 var(--articles-yellow); }
  body[data-page-key="articles"] .articles-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:20px; }
  body[data-page-key="articles"] .articles-section-heading h2 { margin:0; }
  body[data-page-key="articles"] .articles-section-heading button { flex:0 0 auto; border:0; border-bottom:2px solid var(--articles-yellow); background:transparent; padding:4px 0; color:#1a1b1d; }
  body[data-page-key="articles"] .articles-card-list { display:grid; gap:18px; }
  body[data-page-key="articles"] .articles-card { overflow:hidden; border:1px solid var(--articles-border); border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(15,16,18,.045); scroll-margin-top:96px; }
  body[data-page-key="articles"] .articles-card[hidden] { display:none; }
  body[data-page-key="articles"] .articles-card.is-targeted { outline:3px solid rgba(255,222,2,.7); outline-offset:3px; }
  body[data-page-key="articles"] .articles-card__cover { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; background:#08090a; }
  body[data-page-key="articles"] .articles-card__body { display:grid; gap:11px; padding:18px; }
  body[data-page-key="articles"] .articles-card__body :is(h3,p) { margin:0; }
  body[data-page-key="articles"] .articles-card__body > p { color:var(--articles-muted); }
  body[data-page-key="articles"] .articles-badge { justify-self:start; display:inline-flex; align-items:center; min-height:24px; padding:4px 9px; border-radius:999px; background:#fff7c9; color:#6f5700; font-size:var(--anan-type-badge)!important; font-weight:600!important; line-height:1.35!important; }
  body[data-page-key="articles"] .articles-meta { display:flex; flex-wrap:wrap; gap:8px 14px; color:#747980; }
  body[data-page-key="articles"] .articles-read-button { justify-self:start; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:9px 14px; border:1px solid #d4ab00; border-radius:12px; background:#fff; color:#171819; }
  body[data-page-key="articles"] .articles-detail { padding-top:4px; border-top:1px solid var(--articles-border); }
  body[data-page-key="articles"] .articles-detail p { margin:12px 0 0; }
  body[data-page-key="articles"] .articles-anchor-alias { display:block; height:0; width:0; scroll-margin-top:96px; }
  body[data-page-key="articles"] .articles-empty { padding:28px 18px; border:1px dashed #cfd1cd; border-radius:18px; text-align:center; background:#fff; }
  body[data-page-key="articles"] .articles-empty :is(h3,p) { margin:0 0 10px; }
  body[data-page-key="articles"] .articles-empty button { min-height:46px; padding:10px 16px; border:0; border-radius:12px; background:var(--articles-yellow); color:#171100; }
  body[data-page-key="articles"] .articles-pagination { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:24px; }
  body[data-page-key="articles"] .articles-pagination > button, body[data-page-key="articles"] .articles-pagination [data-page-buttons] button { min-width:42px; min-height:42px; padding:7px 10px; border:1px solid var(--articles-border); border-radius:10px; background:#fff; color:#232529; }
  body[data-page-key="articles"] .articles-pagination [data-page-buttons] { display:flex; gap:7px; }
  body[data-page-key="articles"] .articles-pagination button.is-active { border-color:#b99200; background:var(--articles-yellow); color:#171100; }
  body[data-page-key="articles"] .articles-pagination button:disabled { opacity:.42; }
  body[data-page-key="articles"] .articles-popular__list { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
  body[data-page-key="articles"] .articles-popular__list li button { display:grid; grid-template-columns:32px 78px minmax(0,1fr) auto; align-items:center; gap:10px; width:100%; min-width:0; padding:10px; border:1px solid var(--articles-border); border-radius:14px; background:#fff; color:var(--articles-text); text-align:left; }
  body[data-page-key="articles"] .articles-popular__rank { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--articles-yellow); color:#171100; }
  body[data-page-key="articles"] .articles-popular__list img { display:block; width:78px; height:54px; object-fit:cover; border-radius:9px; }
  body[data-page-key="articles"] .articles-popular__copy { min-width:0; display:grid; gap:4px; }
  body[data-page-key="articles"] .articles-popular__copy strong { overflow-wrap:anywhere; }
  body[data-page-key="articles"] .articles-popular__copy small { color:#777c83; }
  body[data-page-key="articles"] .articles-benefits__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  body[data-page-key="articles"] .articles-benefits__grid article { display:grid; gap:10px; min-height:150px; padding:16px; border:1px solid var(--articles-border); border-radius:16px; background:#fff; }
  body[data-page-key="articles"] .articles-benefits__grid article:last-child { grid-column:1/-1; min-height:auto; grid-template-columns:44px minmax(0,1fr); align-items:center; }
  body[data-page-key="articles"] .articles-benefits__grid article > span { color:#b98d00; font-weight:700; }
  body[data-page-key="articles"] .articles-benefits__grid :is(h3,p) { margin:0; }
  body[data-page-key="articles"] .articles-benefits__grid p { color:var(--articles-muted); }
  body[data-page-key="articles"] .articles-newsletter__card { display:grid; gap:12px; padding:22px; border:1px solid #eadfa6; border-radius:20px; background:#fffdf2; }
  body[data-page-key="articles"] .articles-newsletter__card :is(h2,p) { margin:0; }
  body[data-page-key="articles"] .articles-newsletter__icon { color:#b98d00; }
  body[data-page-key="articles"] .articles-newsletter form { display:grid; gap:9px; margin-top:4px; }
  body[data-page-key="articles"] .articles-newsletter label { color:#555a61; }
  body[data-page-key="articles"] .articles-newsletter input { min-width:0; width:100%; min-height:50px; padding:11px 13px; border:1px solid #dcded9; border-radius:12px; background:#fff; }
  body[data-page-key="articles"] .articles-newsletter button { min-height:50px; border:0; border-radius:12px; background:var(--articles-yellow); color:#171100; }
  body[data-page-key="articles"] .articles-newsletter__message { margin:0; color:#5f646b; }
  body[data-page-key="articles"] .articles-tags { padding-bottom:56px; }
  body[data-page-key="articles"] .articles-tags h2 { margin-bottom:16px; }
}