/* content.css — دانشنامه و خبرنامه (ساختار مشترک) | Vanilla + تم شیشه‌ای */
body[data-route="news"] .app-footer,body[data-route="knowledge"] .app-footer{display:none !important}
body[data-route="news"] .app-main,body[data-route="knowledge"] .app-main{padding-bottom:calc(var(--bottom-h) + 18px + var(--nav-off))}
@media(min-width:1024px){body[data-route="news"] .app-main,body[data-route="knowledge"] .app-main{padding-bottom:22px}}

.cx{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%}
.cx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cx-head h1{margin:0;font-size:clamp(1.3rem,3.4vw,1.8rem)}
.cx-head p{margin:4px 0 0;color:var(--muted);font-size:.85rem}
/* آخرین‌ها */
.cx-latest{padding:16px}
.cx-latest h3{margin:0 0 12px;font-size:.95rem}
.cx-feat{display:flex;gap:16px;align-items:stretch;cursor:pointer;border-radius:16px;overflow:hidden;border:1px solid var(--stroke);background:var(--surface-2)}
.cx-feat img{width:min(300px,38%);object-fit:cover;flex:none}
.cx-feat .fb{padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cx-feat .fb b{font-size:1rem;line-height:1.9}
.cx-feat .fb p{margin:0;font-size:.82rem;color:var(--muted);line-height:1.9}
.cx-row{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:none}
.cx-row::-webkit-scrollbar{display:none}
.cx-mini{flex:0 0 210px;border-radius:14px;overflow:hidden;border:1px solid var(--stroke);background:var(--surface-2);cursor:pointer}
.cx-mini img{width:100%;height:104px;object-fit:cover;display:block}
.cx-mini div{padding:9px 12px;font-size:.76rem;font-weight:700;line-height:1.9}
/* دسته‌بندی */
.cx-cats{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}
.cx-cats::-webkit-scrollbar{display:none}
.cx-cats button{flex:none;font-family:inherit;font-size:.8rem;font-weight:700;padding:9px 18px;border-radius:99px;border:1px solid var(--stroke);background:var(--surface);color:var(--muted);cursor:pointer}
.cx-cats button.on{background:var(--primary-soft);color:var(--primary-ink);border-color:rgba(212,175,55,.5)}
/* جستجو */
.cx-search input{width:100%;padding:13px 16px;border-radius:15px;border:1px solid var(--stroke);background:var(--surface);color:var(--text);font-family:inherit;font-size:.88rem;transition:border-color .25s}
.cx-search input:focus{outline:none;border-color:var(--primary)}
/* لیست */
.cx-count{font-size:.8rem;color:var(--muted)}
.cx-grid{display:grid;gap:13px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
.ccard{overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:.22s;min-width:0}
.ccard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.ccard img{width:100%;height:150px;object-fit:cover;display:block}
.ccard .cb{padding:14px 15px;display:flex;flex-direction:column;gap:7px;min-width:0}
.ccard .meta{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--muted);flex-wrap:wrap}
.ccard .meta .t{background:var(--primary-soft);color:var(--primary-ink);font-weight:700;padding:2px 11px;border-radius:99px}
.ccard h3{margin:0;font-size:.88rem;line-height:1.9}
.ccard p{margin:0;font-size:.78rem;color:var(--muted);line-height:1.95}
.ccard .tags{display:flex;gap:6px;flex-wrap:wrap}
.ccard .tags span{font-size:.66rem;color:var(--secondary);background:var(--secondary-soft);padding:2px 10px;border-radius:99px}
/* خواندن کامل */
.cx-reader[hidden]{display:none}
.cx-back{align-self:flex-start}
.cx-article{overflow:hidden}
.cx-article>img{width:100%;max-height:340px;object-fit:cover;display:block}
.cx-article .ab{padding:clamp(16px,3vw,30px);max-width:760px}
.cx-article h1{margin:0 0 10px;font-size:clamp(1.2rem,3.4vw,1.7rem);line-height:1.9}
.cx-article .meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-bottom:6px}
.cx-article .meta .t{background:var(--primary-soft);color:var(--primary-ink);font-weight:700;padding:2px 12px;border-radius:99px}
.cx-article .lede{font-size:.92rem;line-height:2.1;color:var(--text);background:var(--surface-2);border:1px solid var(--stroke);border-inline-start:3px solid var(--primary);border-radius:12px;padding:12px 16px;margin:14px 0}
.cx-article .body p{line-height:2.2;font-size:.9rem;margin:0 0 14px}
.cx-article .tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.cx-article .tags span{font-size:.74rem;color:var(--secondary);background:var(--secondary-soft);padding:5px 14px;border-radius:99px}
.cx-share{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--stroke);padding-top:16px}
.cx-empty{padding:56px 20px;text-align:center;color:var(--muted)}
.cx-empty b{display:block;color:var(--text);margin-top:8px}
@media(max-width:640px){
  .cx-feat{flex-direction:column}
  .cx-feat img{width:100%;max-height:190px}
  .ccard img{height:132px}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}