/* Embedded discussions inherit their publisher's typography and accent; these roles can be overridden on the region. */
.th-comments {
  --th-accent:var(--accent,var(--tmb-interactive,#1f4e79));
  --th-border:var(--rule,var(--tmb-border,#d7d4ca));
  --th-surface:var(--page,var(--tmb-surface,#fffefb));
  --th-muted:var(--muted,var(--tmb-text-muted,#647078));
  --th-interface-font:var(--tmb-font-sans,inherit);
  font:inherit;margin-block:3rem;color:inherit;
}
.th-comments * {box-sizing:border-box}
.th-comments h2 {margin:0 0 24px;font-size:1.45em;line-height:1.25}
.th-comments button,.th-comments input,.th-comments textarea {font:inherit}
.th-comments .th-list {display:grid}
.th-comments .th-comment {border-block-end:1px solid var(--th-border);padding-block:24px}
.th-comments .th-comment:first-child {padding-block-start:0}
.th-comments .th-comment header {display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;font-family:var(--th-interface-font)}
.th-comments .th-comment header strong {overflow-wrap:anywhere;min-inline-size:0;font-weight:600}
.th-comments .th-comment time {font-size:.8em;color:var(--th-muted)}
.th-comments .th-text {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin-block:12px 16px}
.th-comments .th-text a {color:var(--th-accent);text-underline-offset:3px}
.th-comments .th-reply {margin-inline-start:24px;padding-inline-start:16px;border-inline-start:2px solid var(--th-border)}
.th-comments .th-reply > a {display:inline-block;font-size:.8em;color:var(--th-muted);margin-block-end:8px;text-underline-offset:3px}
.th-comments .th-staff {font-family:var(--th-interface-font);font-size:.75em;font-weight:600;line-height:1.4;color:var(--th-accent);border:1px solid var(--th-border);padding:3px 8px;border-radius:8px}
.th-comments .th-form {display:grid;gap:20px;margin-block-start:32px;padding:24px;border:1px solid var(--th-border);border-radius:24px;background:var(--th-surface);font-family:var(--th-interface-font)}
.th-comments .th-form-title {font-family:var(--th-interface-font);font-size:1.12em;font-weight:600;line-height:1.35;margin:0}
.th-comments .th-policy {font-size:.84em;line-height:1.5;color:var(--th-muted);margin:0}
.th-comments .th-identity-fields {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.th-comments .th-form label {display:grid;align-content:start;gap:8px;font-size:.9em;font-weight:600}
.th-comments .th-field-help {font-size:.86em;font-weight:400;line-height:1.5;color:var(--th-muted);margin:0}
.th-comments .th-form input,.th-comments .th-form textarea {inline-size:100%;min-inline-size:0;min-block-size:44px;padding:12px;border:1px solid color-mix(in srgb,var(--th-muted) 75%,var(--th-border));border-radius:12px;background:transparent;color:inherit;font-weight:400}
.th-comments .th-form textarea {resize:vertical;line-height:1.6}
.th-comments button {display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;width:fit-content;padding:9px 16px;border:1px solid var(--th-border);border-radius:12px;background:transparent;color:var(--th-accent);cursor:pointer;font-size:.9em;font-family:var(--th-interface-font);line-height:1.4;font-weight:600}
.th-comments button:hover {border-color:var(--th-accent);background:color-mix(in srgb,var(--th-accent) 6%,transparent)}
.th-comments button:active {background:color-mix(in srgb,var(--th-accent) 12%,transparent)}
.th-comments .th-form button[type=submit] {border-color:var(--th-accent)}
.th-comments .th-comment > button {border-color:transparent;padding-inline:0;min-block-size:36px}
.th-comments button:disabled {opacity:.55;cursor:wait}
.th-comments :focus-visible {outline:3px solid var(--th-accent);outline-offset:3px}
.th-comments .th-honeypot {position:absolute!important;inline-size:1px!important;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.th-comments .th-status {min-block-size:1.5em;margin-block:16px 0;font-size:.9em;font-family:var(--th-interface-font);line-height:1.5;overflow-wrap:anywhere}
.th-comments .th-empty {padding:20px 0;margin:0;color:var(--th-muted);font-size:.9em}
.th-comments .th-reply-context {display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0;padding-block-end:16px;border-block-end:1px solid var(--th-border);font-size:.9em;overflow-wrap:anywhere}
.th-comments .th-reply-context button {flex:none;font-size:.9em}
.th-comments .th-verification {overflow-x:auto;max-inline-size:100%}
.th-comments [hidden] {display:none!important}
@media(prefers-color-scheme:dark) {
  .th-comments {--th-accent:var(--accent,var(--tmb-interactive,#83b5e0));--th-border:var(--rule,var(--tmb-border,#344047));--th-surface:var(--page,var(--tmb-surface,#1c252b));--th-muted:var(--muted,var(--tmb-text-muted,#afbbc1))}
  .th-comments .th-form input,.th-comments .th-form textarea {border-color:color-mix(in srgb,var(--th-muted) 55%,var(--th-border))}
}
@media(max-width:600px) {
  .th-comments .th-form {padding:20px;border-radius:20px}
  .th-comments .th-identity-fields {grid-template-columns:1fr}
  .th-comments .th-reply {margin-inline-start:12px;padding-inline-start:12px}
  .th-comments .th-reply-context {flex-wrap:wrap}
}