.article-page{width:min(1120px,92%);margin:0 auto;padding:60px 0 90px}.article-heading{text-align:center;margin-bottom:35px}.article-heading small,.article-meta{color:var(--gold);letter-spacing:1px}.article-heading h1,.article-full h1{font:600 clamp(40px,6vw,68px) Pridi;margin:8px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{background:var(--panel);border:1px solid #ffffff10;border-radius:12px;padding:20px;transition:.2s}.article-card:hover{border-color:var(--gold);transform:translateY(-4px)}.article-card img{width:100%;height:190px;object-fit:cover;border-radius:8px;margin-bottom:15px}.article-card small{color:var(--gold)}.article-card h2{font-family:Pridi}.article-card p{color:var(--muted)}.article-full{max-width:820px;margin:auto}.article-cover{width:100%;max-height:470px;object-fit:cover;border-radius:15px;margin-bottom:28px}.article-full h1{margin:12px 0 25px}.article-body{font-size:18px;line-height:2;color:#eaded8}.editor-preview{position:sticky;top:100px}.preview-card{background:#f7efe4;color:#2a1b18;border-radius:10px;overflow:hidden}.preview-card img{width:100%;max-height:230px;object-fit:cover}.preview-content{padding:25px}.preview-content h2{font:600 30px Pridi;margin:5px 0}.preview-content p{white-space:pre-wrap;line-height:1.8}.preview-empty{opacity:.45}@media(max-width:850px){.article-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.article-grid{grid-template-columns:1fr}.article-page{padding-top:35px}.article-body{font-size:16px}.editor-preview{position:static}}