.native-comments { color:#e6edf3; background:#10273d; border:1px solid #284359; border-radius:16px; padding:24px; scroll-margin-top:24px; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.comments-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.comments-eyebrow { margin:0 0 6px; color:#8ee0bd; letter-spacing:1px; font-size:10px; font-weight:700; }
.comments-heading h2 { margin:0; font-size:22px; line-height:1.35; color:#f0d289; }
.comments-badge { padding:5px 10px; border:1px solid #36536a; border-radius:20px; font-size:11px; color:#c3d4e2; }
.comments-intro { font-size:13px; color:#adc2d3; line-height:1.7; margin:14px 0 20px; }
.comments-label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
.comments-form textarea { display:block; width:100%; max-width:100%; min-height:112px; padding:14px; border:1px solid #3b566d; border-radius:10px; background:#091d30; color:#ecf3f8; font:inherit; font-size:15px; line-height:1.6; resize:vertical; }
.comments-form textarea::placeholder { color:#8fa8bc; }
.native-comments :is(a,button,textarea):focus-visible { outline:2px solid #e1b54b; outline-offset:3px; }
.comments-composer-meta { display:flex; flex-wrap:wrap; gap:6px 12px; justify-content:space-between; margin-top:8px; font-size:11px; color:#adc2d3; }
.comments-submit-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.comments-submit-row p { flex:1; min-width:160px; margin:0; font-size:11px; line-height:1.6; color:#adc2d3; }
.comments-form [type=submit] { min-height:44px; background:#e1b54b; color:#0a192f; border:0; border-radius:8px; padding:10px 18px; font-size:13px; font-weight:700; cursor:pointer; }
.native-comments button:disabled { opacity:.65; cursor:wait; }
.comments-status { font-size:12px; line-height:1.65; color:#b7cfdf; margin:12px 0; overflow-wrap:anywhere; }
.comments-status:empty { display:none; }
.comments-status.is-error { color:#ffb8b8; }
.comments-account-note { padding:12px 14px; margin:18px 0; border-radius:10px; background:#17344b; font-size:12px; color:#c7d7e4; line-height:1.7; }
.comments-account-note > div { display:flex; flex-wrap:wrap; gap:18px; margin-top:5px; }
.comments-account-note a { color:#f0cd7a; font-weight:600; }
.comments-list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #284359; padding-top:18px; margin-top:20px; }
.comments-list-heading h3 { font-size:15px; margin:0; font-weight:650; }
.comments-list-heading button,.comments-pagination button { background:transparent; border:1px solid #36536a; border-radius:8px; color:#f0cd7a; padding:9px 12px; min-height:40px; font-size:12px; cursor:pointer; }
.comments-claim { margin-top:12px; background:transparent; border:1px solid #36536a; border-radius:8px; color:#f0cd7a; padding:9px 12px; min-height:40px; font-size:12px; cursor:pointer; }
.comment-item { display:flex; gap:12px; padding:18px 0; border-bottom:1px solid #284359; }
.comment-avatar { width:34px; height:34px; flex-shrink:0; display:grid; place-items:center; border-radius:50%; background:#244660; color:#e8d396; font-size:12px; font-weight:700; }
.comment-content { min-width:0; flex:1; }
.comment-heading { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; line-height:1.6; }
.comment-name { font-size:13px; color:#e8f1f7; overflow-wrap:anywhere; }
.comment-kind { font-size:10px; color:#9edbc8; border:1px solid #3b5c64; border-radius:4px; padding:0 5px; }
.comment-time { font-size:10px; color:#9db4c8; }
.comment-body { margin:8px 0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.75; color:#d8e5ee; }
.comment-actions button { border:0; padding:5px 0; background:transparent; font-size:11px; color:#afc4d5; cursor:pointer; min-height:32px; }
.comments-pagination { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.native-comments [hidden] { display:none!important; }
.comments-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
@media(max-width:575px) { .native-comments { padding:18px 14px; } .comments-heading h2 { font-size:19px; } .comment-item { gap:9px; } .comment-avatar { width:28px; height:28px; } .comments-submit-row { align-items:flex-end; } .comments-form [type=submit] { padding:10px 14px; } }