/* AzTexno article components (summary, TOC, tables, pros/cons, steps, notes, FAQ).
   Scoped to single-post content; palette matches the homepage. */
.post-content{--az-ink:#161616;--az-muted:#5b5f66;--az-hair:#e3e4e8;--az-red:#d0201a;--az-yellow:#f5f36a;--az-lime:#c8f169;--az-lime-ink:#122400;}

.post-content .az-box-title{
  margin:0 0 10px !important;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--az-ink);
}

/* Qısa cavab */
.post-content .az-summary{background:var(--az-yellow);border-radius:4px;padding:20px 22px;margin:24px 0}
.post-content .az-summary ul{margin:0;padding-left:20px}
.post-content .az-summary li{margin:6px 0;color:var(--az-ink)}

/* Mündəricat */
.post-content .az-toc{border:1px solid var(--az-hair);border-radius:10px;padding:18px 22px;margin:24px 0;background:#fafafa}
.post-content .az-toc ol{margin:0;padding-left:20px}
.post-content .az-toc li{margin:5px 0}
.post-content .az-toc a{color:var(--az-ink);text-decoration:none;font-weight:600}
.post-content .az-toc a:hover{color:var(--az-red);text-decoration:underline}
.post-content h2[id]{scroll-margin-top:90px}

/* Tables */
.post-content .az-table-wrap{overflow-x:auto;margin:22px 0;-webkit-overflow-scrolling:touch}
.post-content .az-table-wrap table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.post-content .az-table-wrap th{background:#111;color:#fff;text-align:left;font-weight:700;padding:11px 14px}
.post-content .az-table-wrap td{padding:11px 14px;border-bottom:1px solid var(--az-hair);vertical-align:top}
.post-content .az-table-wrap tbody tr:nth-child(even) td{background:#f7f7f8}

/* Üstünlüklər / Çatışmazlıqlar */
.post-content .az-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
@media (max-width:640px){ .post-content .az-proscons{grid-template-columns:1fr} }
.post-content .az-pros,.post-content .az-cons{border-radius:10px;padding:18px 20px}
.post-content .az-pros{background:#f1fbe0;border:1px solid var(--az-lime)}
.post-content .az-cons{background:#fdeceb;border:1px solid #f3c5c2}
.post-content .az-pros ul,.post-content .az-cons ul{margin:0;padding:0;list-style:none}
.post-content .az-pros li,.post-content .az-cons li{position:relative;padding-left:26px;margin:8px 0}
.post-content .az-pros li::before{content:"✓";position:absolute;left:0;font-weight:800;color:#3d7a00}
.post-content .az-cons li::before{content:"✕";position:absolute;left:0;font-weight:800;color:var(--az-red)}

/* Addım-addım */
.post-content ol.az-steps{list-style:none;counter-reset:azstep;padding:0;margin:22px 0}
.post-content ol.az-steps > li{counter-increment:azstep;position:relative;padding:4px 0 14px 50px;margin:0;border-left:2px solid var(--az-hair);margin-left:17px;padding-left:34px}
.post-content ol.az-steps > li:last-child{border-left-color:transparent}
.post-content ol.az-steps > li::before{
  content:counter(azstep);position:absolute;left:-18px;top:0;width:34px;height:34px;border-radius:50%;
  background:var(--az-red);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;
}

/* Yoxlama siyahısı */
.post-content ul.az-checklist{list-style:none;padding:0;margin:20px 0}
.post-content ul.az-checklist li{position:relative;padding:10px 12px 10px 44px;margin:8px 0;background:#f7f7f8;border-radius:8px}
.post-content ul.az-checklist li::before{
  content:"✓";position:absolute;left:12px;top:9px;width:22px;height:22px;border-radius:50%;
  background:var(--az-lime);color:var(--az-lime-ink);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;
}

/* Məsləhət / Diqqət */
.post-content .az-note,.post-content .az-warning{border-radius:10px;padding:16px 20px;margin:22px 0;border-left:5px solid}
.post-content .az-note{background:#eef6ff;border-color:#2f7dd3}
.post-content .az-warning{background:#fff4e5;border-color:#e08a00}
.post-content .az-note p,.post-content .az-warning p{margin:0}
.post-content .az-note p + p,.post-content .az-warning p + p{margin-top:8px}

/* FAQ */
.post-content .az-faq{margin:18px 0}
.post-content .az-faq h3{margin:0 !important;padding:14px 0 6px;border-top:1px solid var(--az-hair);font-size:18px}
.post-content .az-faq h3:first-child{border-top:none}
.post-content .az-faq p{margin:0 0 10px;color:var(--az-ink)}

/* Product review card (Top-N review articles) */
.post-content .az-product{border:1px solid var(--az-hair);border-radius:12px;padding:22px 24px;margin:28px 0;background:#fff}
.post-content .az-product-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.post-content .az-rank{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#111;color:#fff;font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:center}
.post-content .az-product-head h3{margin:0 !important;font-size:22px;line-height:1.2;flex:1 1 220px}
.post-content .az-badge{display:inline-block;background:var(--az-red);color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 12px}
.post-content .az-product .az-table-wrap table{min-width:0}
.post-content .az-product .az-table-wrap th{background:#f3f3f4;color:var(--az-ink);width:38%}
.post-content .az-fit{background:#f7f7f8;border-radius:8px;padding:12px 16px;margin:14px 0 0 !important}
@media (max-width:640px){ .post-content .az-product{padding:18px 16px} .post-content .az-product-head h3{font-size:19px} }
