#etsk-discussion { margin: 2rem 0; padding-top: 1.25rem; border-top: 1px solid #ddd; color: #292b2c; }
#etsk-discussion [hidden] { display: none !important; }
#etsk-discussion-title { margin: 0 0 .5rem; font-size: 1.6rem; line-height: 1.25; }
/* Interface copy stays visually distinct from readers' comments. */
#etsk-discussion > p,
#etsk-discussion-list,
#etsk-discussion-form,
#etsk-discussion button,
#etsk-discussion noscript { font-family: "Roboto", Arial, sans-serif; font-size: .875rem; line-height: 1.5; color: #61666b; }
#etsk-discussion > p { margin: .5rem 0 1.25rem; }
#etsk-discussion-list article { padding: 1.25rem 0; border-bottom: 1px solid #e1e4e6; }
#etsk-discussion-list article > strong { font-size: 1rem; font-weight: 700; color: #292b2c; overflow-wrap: anywhere; }
#etsk-discussion-list article > span { font-size: .75rem; color: #6b7075; white-space: nowrap; }
#etsk-discussion-list article > p { margin: .5rem 0 0; font-family: "Source Serif", Georgia, serif; font-size: 1.125rem; line-height: 1.65; color: #292b2c; white-space: pre-line; overflow-wrap: anywhere; }
#etsk-discussion-form { margin-top: 1.5rem; padding: 1.25rem; background: #f6f7f8; border: 1px solid #e1e4e6; border-radius: 4px; }
#etsk-discussion-form p { margin: 0 0 1rem; font: inherit; }
#etsk-discussion label { display: block; margin-bottom: .4rem; font-size: .875rem; font-weight: 600; color: #343a40; }
#etsk-discussion small { display: block; margin-top: .35rem; font-size: .75rem; line-height: 1.5; color: #61666b; }
#etsk-discussion input, #etsk-discussion textarea { box-sizing: border-box; width: 100%; padding: .7rem; border: 1px solid #aeb4ba; border-radius: 3px; background: #fff; color: #292b2c; font: 1rem/1.5 "Roboto", Arial, sans-serif; }
#etsk-discussion input { max-width: 24rem; }
#etsk-discussion textarea { display: block; resize: vertical; }
#etsk-discussion button { margin: .75rem 0 0; padding: .6rem 1rem; border: 1px solid #aeb4ba; border-radius: 3px; background: #fff; color: #343a40; cursor: pointer; }
#etsk-discussion button[type="submit"] { border-color: #294d70; background: #294d70; color: #fff; font-weight: 600; }
#etsk-discussion button:hover { filter: brightness(.95); }
#etsk-discussion button:disabled { opacity: .6; cursor: wait; }
#etsk-discussion input:focus-visible, #etsk-discussion textarea:focus-visible, #etsk-discussion button:focus-visible { outline: 2px solid #294d70; outline-offset: 2px; }
#etsk-discussion #etsk-discussion-signin, #etsk-discussion #etsk-discussion-signup { margin: 0; padding: 0; border: 0; background: transparent; color: #294d70; text-decoration: underline; font: inherit; }
#etsk-discussion-status:empty { display: none; }
@media (max-width: 480px) {
    #etsk-discussion-form { padding: 1rem; }
    #etsk-discussion-list article > span { display: block; margin-top: .15rem; }
}

#etsk-discussion-form #etsk-discussion-guidelines { margin: 0 0 1rem; font-size: .75rem; line-height: 1.5; color: #61666b; }