/* build_posts STYLE — مولّد تلقائيًّا */

  .lp-hero{padding:52px 6% 26px;text-align:center;background:radial-gradient(700px 250px at 50% -50px, rgba(212,175,55,.13), transparent 72%),linear-gradient(180deg, rgba(255,255,255,.035), transparent 75%);border-bottom:1px solid var(--line)}
  .lp-hero h1{font-size:clamp(1.6rem,4.2vw,2.4rem);font-weight:900;margin-bottom:12px}
  .lp-hero p.lead{max-width:760px;margin:0 auto 18px;color:var(--muted);font-size:1.03rem;line-height:1.95}
  .lp-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
  .art-meta{max-width:760px;margin:0 auto;text-align:center;font-size:.85rem;color:var(--muted)}
  .hero-svg{display:block;max-width:720px;width:100%;margin:18px auto 0;border-radius:16px;border:1px solid var(--line-2);background:#07130f}
  .hero-img{display:block;max-width:640px;width:100%;margin:18px auto 0;border-radius:16px;border:1px solid var(--line-2);aspect-ratio:16/9;object-fit:cover}
  .lp-sec{max-width:840px;margin:26px auto}
  .lp-sec h2{font-size:1.3rem;font-weight:800;margin:26px 0 10px;color:var(--gold-3)}
  .lp-sec h2::after{content:'';display:block;width:56px;height:3px;border-radius:3px;background:var(--grad-gold);margin-top:8px}
  .lp-sec h3{font-size:1.05rem;font-weight:700;margin:18px 0 8px;color:var(--gold-3)}
  .lp-sec p,.lp-sec li{line-height:2.05;color:var(--muted);font-size:.97rem}
  .lp-sec ul,.lp-sec ol{padding-right:22px}
  .lp-sec ol li{margin-bottom:6px}
  .feat{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:18px 0}
  .feat div{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;padding:14px 16px;font-size:.92rem;color:var(--muted);line-height:1.85;transition:transform .18s ease,border-color .18s ease,background .18s ease}
  .feat div:hover{transform:translateY(-3px);border-color:var(--line);background:var(--panel-2)}
  .feat b{color:var(--gold-3);display:block;margin-bottom:4px;font-size:.98rem}
  .qa{background:var(--panel);border:1px solid var(--line-2);border-inline-start:3px solid rgba(212,175,55,.55);border-radius:14px;padding:2px 20px 8px;margin:10px 0}
  .qa h3{font-size:1.02rem;font-weight:800;color:var(--gold-3);margin:14px 0 6px}
  .qa p{color:var(--muted);line-height:1.95;font-size:.94rem;margin:0 0 10px}
  .lp-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:26px}
  .lp-links a{border:1px solid var(--line-2);border-radius:99px;padding:7px 16px;font-size:.86rem;color:var(--gold-3);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
  .lp-links a:hover{background:rgba(212,175,55,.15);border-color:rgba(212,175,55,.45);transform:translateY(-2px)}
  .callout{background:rgba(212,175,55,.06);border:1px solid var(--line);border-radius:14px;padding:12px 18px;margin:16px 0;color:var(--muted);font-size:.95rem;line-height:1.95}
  .callout b{color:var(--gold-3)}
  .crumb{font-size:.86rem;color:var(--muted);margin:16px 0 -4px}
  .crumb a{color:var(--gold-3);text-decoration:none}
  .rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:16px 0}
  .rc-card{display:block;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:13px 15px;color:var(--muted);text-decoration:none;font-size:.9rem;line-height:1.7;transition:border-color .15s,transform .15s}
  .rc-card:hover{border-color:var(--gold-3);transform:translateY(-2px)}
  .rc-card b{display:block;color:var(--gold-3);font-size:.98rem;margin-bottom:3px}
  .rc-card i{font-style:normal;font-size:.78rem;opacity:.85;display:block;margin-top:4px}
  .cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:18px 0}
  .cl-card{background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:18px 20px;transition:border-color .15s,transform .15s}
  .cl-card:hover{border-color:var(--gold-3);transform:translateY(-2px)}
  .cl-card h3{color:var(--gold-3);font-size:1.08rem;font-weight:800;margin:0 0 6px}
  .cl-card h3 a{color:inherit;text-decoration:none}
  .cl-card p{color:var(--muted);font-size:.88rem;line-height:1.8;margin:0 0 10px}
  .chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0}
  .chips a{border:1px solid var(--line-2);border-radius:99px;padding:6px 14px;font-size:.83rem;color:var(--gold-3);text-decoration:none;background:var(--panel)}
  .chips a:hover{background:rgba(212,175,55,.14);border-color:rgba(212,175,55,.45)}
  .badge{display:inline-block;font-size:.72rem;background:rgba(212,175,55,.14);color:var(--gold-3);border-radius:6px;padding:1px 8px;margin-inline-start:6px;vertical-align:middle}
  .crumb a,.lp-sec p a,.lp-sec li a,.callout a,.qa a,.foot-bottom a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(212,175,55,.6)}
  :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  ::selection{background:rgba(212,175,55,.35);color:#fff}
  @media (prefers-reduced-motion:reduce){.feat,.lp-links a,.rc-card,.cl-card{transition:none}}