/* IAN Comments: the section under a story. Navy buttons, red marks, the paper's own look. */
.ian-comments { max-width: 760px; margin: 40px auto 0; padding: 24px 0 0; border-top: 2px solid #e2e2e8; font-family: var(--newspack-theme-font-body, system-ui, sans-serif); }
.ian-comments-title { font-size: 22px; margin: 0 0 6px; }
.ian-comments-note { color: #5c5c6b; font-size: 14px; margin: 0 0 14px; }
.ian-comments-open { background: #003da5; color: #fff; font-weight: 700; font-size: 15px; padding: 11px 18px; border: 0; border-radius: 4px; cursor: pointer; }
.ian-comments-open:hover { background: #002d7a; }
.ian-comments-open[disabled] { opacity: .7; cursor: default; }
.ian-c-list { margin: 0 0 20px; }
.ian-c { padding: 14px 0; border-bottom: 1px solid #ececf1; }
.ian-c-replies { margin: 10px 0 0 44px; border-left: 2px solid #e2e2e8; padding-left: 14px; }
.ian-c-replies .ian-c { border-bottom: 0; padding: 10px 0; }
.ian-c-head { display: flex; align-items: center; gap: 10px; }
.ian-c-avatar { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; color: #fff; font: 700 13px/34px system-ui, sans-serif; text-align: center; letter-spacing: .02em; }
.ian-c-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.ian-c-name { font-weight: 700; font-size: 15px; color: #16161d; }
.ian-c-when { color: #7a7a88; font-size: 13px; }
.ian-c-text { margin: 8px 0 0 44px; font-size: 16px; line-height: 1.55; color: #16161d; overflow-wrap: anywhere; }
.ian-c-foot { margin: 6px 0 0 44px; display: flex; gap: 14px; }
.ian-c-link { background: none; border: 0; padding: 0; color: #003da5; font-size: 13px; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.ian-c-report { color: #7a7a88; }
.ian-c-new { background: #fff6d6; border-radius: 6px; padding-left: 10px; padding-right: 10px; }
.ian-c-empty { color: #5c5c6b; font-size: 15px; }
.ian-c-add { font-size: 18px; margin: 10px 0 8px; }
.ian-c-form { margin: 8px 0 10px; }
.ian-c-as { font-size: 14px; color: #3c3c46; margin: 0 0 8px; }
.ian-c-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 10px; }
.ian-c-field { display: block; font-size: 13px; font-weight: 700; color: #16161d; }
.ian-c-field span { display: block; margin: 0 0 4px; }
.ian-c-field input, .ian-c-textarea { display: block; width: 100%; box-sizing: border-box; padding: 9px 11px; border: 1px solid #c8c8d0; border-radius: 4px; font: 400 16px/1.4 inherit; background: #fff; color: #16161d; }
.ian-c-textarea { resize: vertical; min-height: 96px; }
.ian-c-tools { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 6px 0; flex-wrap: wrap; }
.ian-c-emoji { display: flex; flex-wrap: wrap; gap: 2px; }
.ian-c-emo { background: none; border: 1px solid transparent; border-radius: 4px; font-size: 18px; line-height: 1; padding: 3px 4px; cursor: pointer; }
.ian-c-emo:hover { border-color: #c8c8d0; background: #f5f5f8; }
.ian-c-count { color: #7a7a88; font-size: 12px; white-space: nowrap; }
.ian-c-error { margin: 6px 0; padding: 10px 12px; background: #fcf0f1; border-left: 4px solid #c8102e; color: #16161d; font-size: 14px; font-weight: 700; }
.ian-c-actions { display: flex; align-items: center; gap: 14px; }
.ian-c-send { background: #003da5; color: #fff; font-weight: 700; font-size: 15px; padding: 10px 16px; border: 0; border-radius: 4px; cursor: pointer; }
.ian-c-send:hover { background: #002d7a; }
.ian-c-send[disabled] { opacity: .7; cursor: default; }
.ian-c-done { padding: 14px 16px; background: #f5f5f8; border-left: 4px solid #003da5; font-size: 15px; line-height: 1.5; }
.ian-c-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 600px) {
	.ian-c-row { grid-template-columns: 1fr; }
	.ian-c-text, .ian-c-foot { margin-left: 0; }
	.ian-c-replies { margin-left: 16px; }
}