.blog-comments,.blog-app-download{--comment-accent:#8d2f6d;--comment-text:#2c0f2b;--comment-border:#eadde6;--comment-error:#a11838;color:var(--comment-text);line-height:1.8}
.blog-comments{margin-block:2rem;padding:clamp(14px,3vw,24px);border:1px solid var(--comment-border);border-radius:16px;background:#fff;scroll-margin-top:24px;overflow-wrap:anywhere}
.blog-comments h2,.blog-comments h3{margin:0 0 12px}.blog-comments h3{margin-top:24px}.blog-comments a{color:var(--comment-accent);text-decoration:underline}
.blog-comment-list{display:grid;gap:12px;list-style:none;padding:0;margin:16px 0}.blog-comment-list li{padding:16px;border:1px solid var(--comment-border);border-radius:12px}.blog-comment-list header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:0;background:transparent}.blog-comment-list time{font-size:.85em}.blog-comment-list p{white-space:pre-line;margin:10px 0 0}
.blog-comment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.blog-comment-form label{display:block;margin-block:12px 6px;font-weight:700}.blog-comment-form input,.blog-comment-form textarea{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:10px 12px;min-height:44px;border:1px solid var(--comment-border);border-radius:8px;background:#fff;color:var(--comment-text);font:inherit}.blog-comment-form textarea{resize:vertical}
.blog-comment-form button,.blog-app-download a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:var(--comment-accent);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.blog-comment-form button{margin-top:16px}.blog-comment-form button:hover,.blog-app-download a:hover{filter:brightness(.9)}.blog-comment-form button:disabled{opacity:.65;cursor:wait}
.blog-comments :is(a,button,input,textarea):focus-visible,.blog-app-download a:focus-visible{outline:3px solid var(--comment-accent);outline-offset:3px}.blog-comment-errors{color:var(--comment-error);font-size:.9em}.blog-comment-errors.validation-summary-valid,.blog-comment-errors.field-validation-valid{display:none}.blog-comment-message{padding:12px;border:1px solid var(--comment-border);border-radius:8px;background:#f6f3f5}
.blog-app-download{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-block:20px;padding:18px;border:1px solid var(--comment-border);border-radius:14px;background:#fff;overflow-wrap:anywhere}.blog-app-download p{margin:4px 0 0}.blog-app-download a{flex-shrink:0;max-width:100%;text-align:center}
.alameysng .blog-app-download a,.alameysng .blog-app-download a:hover{color:#fff}
@media(max-width:600px){.blog-comment-fields{grid-template-columns:minmax(0,1fr);gap:0}.blog-app-download a{width:100%}}