.article-preview{min-height:100vh;background:linear-gradient(120deg,rgba(5,5,5,.98),rgba(5,5,5,.82)),url("images/generated/system-texture-small.jpg"),#050505;background-size:cover;background-position:center;color:#fff;display:grid;align-items:center;padding:clamp(42px,7vw,92px) 0}
    .preview-shell{display:grid;grid-template-columns:minmax(0,.78fr) minmax(280px,.42fr);gap:14px;align-items:stretch}
    .preview-main,.preview-side{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));padding:clamp(24px,4vw,46px)}
    .preview-main img{width:150px;height:auto;aspect-ratio:1876/565;margin-bottom:clamp(34px,6vw,72px)}
    .preview-main h1{font-size:clamp(40px,6.6vw,86px);line-height:.98;margin:0;max-width:980px;letter-spacing:0}
    .preview-main .lead{max-width:760px;color:rgba(255,255,255,.72);line-height:1.7}
    .preview-side{display:grid;align-content:space-between;gap:28px}
    .preview-list{display:grid;gap:10px}.preview-list div{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.052);padding:15px;font-weight:900}.preview-list span{color:var(--accent);margin-inline-end:8px}
    .arabic-note{direction:rtl;text-align:right;font-family:"Tajawal","DM Sans",system-ui,sans-serif;color:rgba(255,255,255,.78);line-height:1.8;border-top:1px solid rgba(255,255,255,.13);padding-top:18px;margin-top:20px}
    .preview-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.preview-pill{display:inline-flex;align-items:center;border:1px solid rgba(var(--accent-rgb),.38);border-radius:8px;padding:8px 10px;color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}
    .preview-back{color:rgba(255,255,255,.72);font-weight:800;text-decoration:none}.preview-back:hover{color:#fff}
    @media(max-width:860px){.preview-shell{grid-template-columns:1fr}.preview-main img{margin-bottom:34px}}