.blog-invitation,.blog-comments,.blog-share { font-family:Arial,sans-serif; }
.blog-invitation { margin:26px 0 18px; padding:18px 20px; border-left:3px solid #cba46e; background:#171820; border-radius:0 8px 8px 0; }
.blog-invitation p { font:15px/1.7 Arial,sans-serif; margin:0 0 9px; }
.blog-invitation a,.blog-comments a { color:#e9c991; }
.blog-share { margin:18px 0 28px; }
.blog-share-title { display:block; margin-bottom:10px; color:#cfc6b8; font-size:13px; }
.blog-share-actions,.blog-comment-actions,.blog-comment-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.blog-share a,.blog-share button,.blog-comments button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 15px; border:1px solid #8e744e; border-radius:24px; background:#191820; color:#f2d4a5; font:14px/1.4 Arial,sans-serif; cursor:pointer; text-decoration:none; }
.blog-share a:hover,.blog-share button:hover,.blog-comments button:hover { background:#2c2630; border-color:#e9c991; }
.blog-share button:disabled,.blog-comments button:disabled { cursor:wait; opacity:.65; }
.blog-share [hidden],.blog-comments [hidden] { display:none!important; }
.blog-share-status,.blog-comment-status { min-height:1.5em; margin:8px 0; font:14px/1.5 Arial,sans-serif; color:#d8cbb8; }
.blog-share-fallback { width:100%; margin:10px 0; padding:12px; border:1px solid #7d694e; border-radius:6px; background:#111218; color:#fff; font-size:16px; }
.blog-comments { margin:38px 0 0; padding:28px 22px; background:#16161d; border:1px solid #655236; border-radius:12px; scroll-margin-top:20px; }
.blog-comments h2 { margin:0 0 12px; color:#f5f1e6; font:400 28px/1.2 Georgia,serif; }
.blog-comments h3 { margin:28px 0 12px; font:600 17px/1.4 Arial,sans-serif; }
.blog-comments p { font:15px/1.65 Arial,sans-serif; }
.blog-comments .blog-comment-note { color:#c9c2b7; font-size:13px; margin:10px 0 18px; }
.blog-comment-form label { display:block; margin:15px 0 6px; font-size:14px; font-weight:600; color:#e5ddcf; }
.blog-comment-form input,.blog-comment-form textarea { width:100%; padding:12px; border:1px solid #77717b; border-radius:7px; background:#0e0e15; color:#f6f1e7; font:16px/1.5 Arial,sans-serif; }
.blog-comment-form textarea { min-height:125px; resize:vertical; }
.blog-comment-form button[type=submit] { margin-top:12px; background:#cba46e; color:#151116; border-color:#cba46e; font-weight:700; }
.blog-comment-form .blog-comment-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.blog-comment-reply-context { margin:12px 0; padding:10px 12px; border-left:2px solid #cba46e; background:#24212b; font-size:14px; }
.blog-comments :focus-visible,.blog-share :focus-visible { outline:2px solid #e9c991; outline-offset:4px; }
.blog-comment-list,.blog-comment-replies { list-style:none; margin:0; padding:0; }
.blog-comment { margin:18px 0 0; padding:16px 0 0; border-top:1px solid #38333d; overflow-wrap:anywhere; }
.blog-comment-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 12px; font-size:14px; }
.blog-comment-meta strong { color:#f4ecdf; }
.blog-comment-meta .blog-comment-host { color:#f2d4a5; }
.blog-comment-meta time { color:#afa7b5; font-size:12px; }
.blog-comment-body { white-space:pre-wrap; margin:10px 0!important; }
.blog-comment-reply-name { margin:8px 0 0!important; color:#c7b293; font-size:12px!important; }
.blog-comment-actions button { min-height:40px; padding:7px 12px; font-size:12px; }
.blog-comment-replies { margin:8px 0 0 14px; padding-left:14px; border-left:2px solid #66513a; }
.blog-comment-controls { margin-top:18px; }
.blog-comment-empty { color:#c9c2b7; margin:12px 0; }
.blog-image-preview img,.blog-comment-image{display:block;max-width:100%;width:auto;height:auto;max-height:400px;object-fit:contain;border-radius:8px;margin:12px 0}
.blog-comment-image-link{display:block;width:fit-content;max-width:100%}
.blog-image-preview{margin:12px 0}.blog-edited{font-size:12px;color:#c9b5c8}
.blog-edit-form{padding:16px;margin:14px 0;background:#24212b;border-radius:8px}
.blog-edit-form label{display:block;margin:0 0 8px;font:14px/1.5 Arial,sans-serif}
.blog-edit-form textarea{box-sizing:border-box;width:100%;min-height:120px;padding:12px;background:#0e0e15;color:#f6f1e7;border:1px solid #77717b;border-radius:7px;font:16px/1.5 Arial,sans-serif;resize:vertical}
.blog-edit-form button{margin:10px 8px 0 0}.blog-edit-form .blog-remove-image{display:flex;align-items:center;gap:8px;margin-top:12px;min-height:44px}
.blog-comment-form input[type=file]{box-sizing:border-box;max-width:100%;font-size:14px}
@media(max-width:480px){ .blog-comments{padding:24px 16px}.blog-comment-replies{margin-left:4px;padding-left:10px}.blog-invitation{padding:16px}.blog-share-actions{gap:8px} }