/* غرفة الأفكار — قطع مشتركة بين صفحة الفهرس وصفحات المقالات */
.wrap{ max-width:1100px; margin:0 auto; }
.cat{ font-size:12px; color:#FF8C00; font-weight:800; }
.meta{ font-size:13px; color:#6E665A; }

/* كرت مقالة */
.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; }
.i-card{ display:flex; flex-direction:column; border-radius:20px; overflow:hidden; background:#F7F2EA; text-decoration:none; color:#17140F; transition:transform .3s; }
.i-card:hover{ transform:translateY(-3px); }
.i-img{ display:block; aspect-ratio:16/9; background:#EFE7DA; }
.i-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.i-txt{ display:flex; flex-direction:column; gap:10px; padding:20px 20px 24px; }
.i-txt b{ font-size:19px; line-height:1.45; }

/* البحث والتصنيفات */
.finder{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-bottom:28px; }
.search{ flex:1 1 280px; max-width:420px; position:relative; }
.search input{ width:100%; font:inherit; font-size:16px; padding:13px 46px 13px 18px; border-radius:980px; border:1px solid #ECE5D9; background:#fff; color:#17140F; outline:none; }
.search input:focus{ border-color:#FF8C00; }
.search svg{ position:absolute; top:50%; right:16px; transform:translateY(-50%); width:18px; height:18px; stroke:#6E665A; fill:none; stroke-width:2; }
.chips,.chips-inline{ display:flex; flex-wrap:wrap; gap:8px; }
.chip{ font:inherit; font-size:14px; font-weight:700; border:1px solid #ECE5D9; background:#fff; color:#17140F; border-radius:980px; padding:8px 16px; cursor:pointer; }
.chip.on{ background:#17140F; color:#fff; border-color:#17140F; }
.count,.none{ color:#6E665A; font-size:15px; margin-bottom:16px; }
.chips-inline{ margin-top:4px; }
.sec-title{ font-size:28px; margin:8px 0 20px; }
.soon{ background:#F7F2EA; border-radius:18px; padding:40px 24px; text-align:center; color:#6E665A; font-size:16px; line-height:1.9; }
.soon b{ color:#17140F; }

/* المشاركة */
.share{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:#6E665A; font-size:14px; }
.share a,.share button{ width:42px; height:42px; border-radius:50%; background:#F7F2EA; border:0; display:flex; align-items:center; justify-content:center; cursor:pointer; text-decoration:none; transition:background .2s; }
.share a:hover,.share button:hover{ background:#EFE7DA; }
.share svg{ width:18px; height:18px; fill:#17140F; }
.share button.ok{ background:#2E9E5B; } .share button.ok svg{ fill:#fff; }

@media(max-width:900px){ .grid{ grid-template-columns:1fr; } .sec-title{ font-size:24px; } }