/* B003.02.05.01: server comments use the existing B002 container and geometry. */
.comment-form[hidden],.comment-thread[hidden],.comment-messages-overlay[hidden],.comment-reply-target[hidden]{display:none}
.comment-thread{font-size:12px;color:#d9d9db;min-width:0;overflow-wrap:anywhere}
.comment-thread button,.comment-thread input,.comment-thread textarea,.comment-thread select{font:inherit}
.comment-thread button:focus-visible,.comment-messages-overlay button:focus-visible{outline:2px solid #86b9e4;outline-offset:2px}
.comment-thread-status{margin:16px 8px;line-height:1.8;color:#aaa;text-align:center}
.comment-thread-error{margin:12px 8px;line-height:1.7;color:#e4aa92}
.comment-thread-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 16px;color:#999;font-size:10px;line-height:1.6}
.comment-thread-tools button,.comment-thread-more,.comment-reply-button,.comment-root-back{padding:7px 3px;color:#b3c4d5;font-size:11px}
.comment-thread-title{margin:8px 0 14px;font-size:13px;line-height:1.6;font-weight:550;color:#e5e5e5}
.real-comment{display:flex;gap:9px;min-width:0;padding:13px 5px;border-radius:6px;scroll-margin:16px}
.real-comment.is-anchor{background:#282626;outline:1px solid #665445}
.real-comment.is-message-reply{border-left:2px solid #b68c65}
.real-comment-avatar{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#333;color:#bbb}
.real-comment-content{min-width:0;flex:1}
.real-comment-author{display:block;color:#999;font-size:10px;line-height:1.6}
.real-comment-body{margin:4px 0 5px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:12px}
.real-comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#858585;font-size:9px}
.real-comment-context{margin:6px 0;color:#999;font-size:10px;line-height:1.6}
.real-comment-thread-link{display:block;margin:4px 0;padding:5px 0;color:#a4a4a4;font-size:10px}
.comment-reply-target{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0;padding:7px 9px;background:#2b2b2b;border-radius:5px;font-size:10px;color:#bfbfbf}
.comment-reply-target button{padding:3px 6px;color:#bbb}
.comment-thread-login{margin:10px 6px 20px;padding:0;font-size:12px}
.comment-thread-login h3{font-size:14px;font-weight:550}
.comment-thread-login label{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#bbb}
.comment-thread-login input,.comment-thread-login select{width:100%;min-width:0;padding:9px 10px;border:1px solid #444;border-radius:6px;background:#252525;color:#eee}
.comment-thread-login button[type=submit]{display:block;width:100%;padding:10px;border-radius:6px;background:#383838;color:#eee}
.comment-thread-login p{color:#aaa;line-height:1.7}
.comment-thread-inline-status{line-height:1.6;font-size:10px;color:#a6a6a6}
.comment-messages-overlay{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;overflow:hidden;background:#111;color:#dedede;touch-action:pan-y}
.comment-message-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:10px 13px 20px}
.comment-message-summary{margin:3px 0 14px;text-align:right;font-size:10px;color:#999;line-height:1.6}
.comment-message-card{display:block;width:100%;margin:0 0 12px;padding:15px 12px;border-radius:7px;background:#202020;color:#ddd;text-align:left;overflow-wrap:anywhere}
.comment-message-card strong{display:block;font-size:12px;line-height:1.6;font-weight:550}
.comment-message-card p{margin:8px 0;line-height:1.7;white-space:pre-wrap;font-size:12px}
.comment-message-card small{display:block;font-size:10px;color:#999;line-height:1.7}
.comment-message-card.is-unread{box-shadow:inset 2px 0 #a2b4c7}
.comment-message-card .comment-message-unread{color:#afc0d0}
.comment-message-composer{display:flex;gap:8px;flex:none;margin:0;padding:10px 13px;background:#1b1b1b}
.comment-message-composer input{flex:1;min-width:0;border:0;border-radius:6px;background:#2c2c2c;color:#eee;padding:10px;font:inherit;font-size:12px}
.comment-message-composer button{flex:none;padding:8px 12px;border-radius:6px;background:#363636;color:#ddd;font-size:12px}
.comment-message-note{flex:none;margin:0;padding:0 13px 10px;font-size:9px;line-height:1.6;background:#1b1b1b;color:#999}
.comment-messages-overlay button:disabled,.comment-thread button:disabled,.comment-message-composer button:disabled{opacity:.5;cursor:default}
/* Keep focused inputs readable without iPhone browser focus zoom. */
@media (max-width:600px){
  body.single-body .phone-host:not(.is-embedded) .comment-thread-login :is(input,select),
  body.single-body .phone-host:not(.is-embedded) .notifications-login :is(input,select),
  body.single-body .phone-host:not(.is-embedded) .comment-form input[name="comment"],
  body.single-body .phone-host:not(.is-embedded) .comment-message-composer input{font-size:16px;line-height:1.25}
}