/* STAVRON_IG_V1 */
:root{ --card:#111317; --card2:#0c0e12; --stroke:rgba(255,255,255,.09); --stroke2:rgba(255,255,255,.14); --txt:rgba(255,255,255,.92); --mut:rgba(255,255,255,.62); --gold:#c9a33b; }
body{ color:var(--txt); }

/* card shell */
.hn-post-card, .post-card, article.post, .feed-card{ background:var(--card); border:1px solid var(--stroke); border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.35); overflow:hidden; }
.hn-post-card + .hn-post-card, .post-card + .post-card{ margin-top:18px; }

/* header */
.hn-post-card .post-header, .hn-post-card header, .post-card header{ padding:14px 14px 10px 14px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.hn-post-card .post-header .left, .hn-post-card .post-user, .hn-post-card .header-left{ display:flex; align-items:center; gap:10px; min-width:0; }
.hn-post-card img.profile-avatar, .hn-post-card .profile-avatar{ width:36px; height:36px; border-radius:50%; object-fit:cover; border:1px solid var(--stroke); }
.hn-post-card .meta, .hn-post-card .post-meta{ color:var(--mut); font-size:12px; }
.hn-post-card a{ text-decoration:none; }

/* title/body */
.hn-post-card .post-title, .hn-post-card h3, .hn-post-card h4{ margin:0; font-size:15px; line-height:1.25; }
.hn-post-card .post-body, .hn-post-card .text, .hn-post-card .content{ padding:0 14px 10px 14px; color:var(--txt); }
.hn-post-card .post-body p{ margin:8px 0 0 0; color:rgba(255,255,255,.85); }

/* media */
.hn-post-card .hn-post-media, .hn-post-card .post-media, .hn-post-card .media{ padding:0 14px 12px 14px; }
.hn-post-card .hn-post-media img, .hn-post-card .hn-post-media video, .hn-post-card .post-media img, .hn-post-card .post-media video{ width:100%; border-radius:14px; border:1px solid var(--stroke); background:var(--card2); }

/* action bar */
.hn-post-card .post-actions, .hn-post-card .actions, .hn-post-card .reactions{ padding:10px 14px 12px 14px; display:flex; align-items:center; gap:10px; border-top:1px solid var(--stroke); }
.hn-post-card .post-actions form, .hn-post-card .actions form{ margin:0; }
.hn-post-card button, .hn-post-card .btn{ border-radius:12px; }
.hn-post-card .btn-outline-success, .hn-post-card .btn-outline-danger, .hn-post-card .btn-outline-primary{ border-color:var(--stroke2)!important; color:rgba(255,255,255,.88)!important; }
.hn-post-card .btn-outline-success:hover, .hn-post-card .btn-outline-danger:hover, .hn-post-card .btn-outline-primary:hover{ border-color:var(--gold)!important; }

/* comments */
.hn-post-card .comments-preview, .hn-post-card .post-comments{ padding:0 14px 12px 14px; color:rgba(255,255,255,.86); }
.hn-post-card .comments-preview small{ color:var(--mut); }
.hn-post-card textarea, .hn-post-card input[type=text]{ background:var(--card2); border:1px solid var(--stroke); border-radius:14px; color:var(--txt); }
.hn-post-card textarea:focus, .hn-post-card input[type=text]:focus{ outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,163,59,.15); }