.component-comments{margin:12px 0;padding:14px;border:1px solid #ccd9eb;border-radius:12px;background:#fff;color:#182c4b}
.component-comments summary{font-size:14px;font-weight:600;cursor:pointer}
.component-comments p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.component-comments article{padding:8px 0;border-bottom:1px solid #e4ebf5}
.component-comments label{display:grid;gap:6px;margin-top:12px;font-size:12px}
.component-comments textarea{width:100%;box-sizing:border-box;min-height:80px;resize:vertical;padding:8px;border:1px solid #bacce7;border-radius:6px;font:inherit}
.component-comments button{margin:6px 6px 0 0;padding:6px 10px;min-height:32px;border:1px solid #bacce7;border-radius:6px;background:#f5f8fd;color:#182c4b;cursor:pointer}
.component-comments button:disabled{opacity:.5;cursor:default}
.component-comment-markers{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}
.component-comment-markers button{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;width:16px;height:16px;padding:0;border:1px solid #fff;border-radius:50%;background:#174985;color:#fff;font:bold 11px Georgia,serif;box-shadow:0 1px 4px #182c4b55;cursor:pointer}
.component-comment-markers button:focus-visible{outline:3px solid #f6a623;outline-offset:2px}