.comments-list{display:grid;gap:1rem;margin-top:2rem}.comment-card{padding:1.25rem 1.5rem;border:1px solid #ded7e6;background:#fff}.comment-card h2{margin:0;color:#261545;font-size:1.4rem}.comment-card time{display:block;margin-top:.2rem;color:#6d6474;font-size:.85rem}.comment-card p{margin-top:1rem;white-space:pre-wrap}.comments-empty,.comments-unavailable{margin-top:2rem;color:#261545}.comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid #ded7e6;background:#fbfaf3;box-shadow:0 1rem 2.5rem rgb(38 21 69/10%)}.comment-form>div{display:grid;gap:.45rem}.comment-form label{color:#261545;font-weight:700}.comment-form input,.comment-form textarea{width:100%;border:1px solid #bdb2c9;border-radius:.15rem;padding:.75rem .85rem;background:#fff;color:#251d2d;font:inherit}.comment-form textarea{resize:vertical}.comment-form__wide{grid-column:1/-1}.comment-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comment-message{grid-column:1/-1;margin:0;padding:.75rem 1rem;font-weight:700}.comment-message[hidden]{display:none!important}.comment-message--error{border-left:3px solid #df4936;background:rgb(223 73 54/10%);color:#df4936}.comment-message--success{border-left:3px solid #2c7a52;background:rgb(44 122 82/10%);color:#245f40}@media(max-width:40rem){.comment-form{grid-template-columns:1fr}.comment-form__wide{grid-column:auto}}