.comment-container{flex-direction:column;width:100%;max-width:40rem;margin:2rem auto 1rem;padding:0 1rem;display:flex}.comment{gap:1rem;display:flex}.comment img{margin:1rem}.comment-content{border-radius:8px;flex-direction:column;flex:2;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 0 1px #0003,0 1px 2px #0003}.comment-content p{margin:0;padding:.5rem}.comment li{margin-left:0}.comment h1{margin:0;font-size:2rem;font-weight:700;line-height:1.2}.comment h1+p{margin:0}.comment p:focus{color:#2b63fd;outline:none}.comment a[href*=twitter]{color:#3992ff;font-size:1.5rem;text-decoration:none;display:flex}.comment a[href*=twitter]:hover{text-decoration:underline}.comment h6{gap:1rem;display:flex}.comment h6~div{gap:.5rem;margin:1rem 0;display:flex}#comment-form{border-top:.5px solid silver;border-bottom:1px solid silver;flex-direction:column;gap:1rem;max-width:40rem;margin-top:.5rem;margin-bottom:.5rem;padding-top:.5rem;padding-bottom:.5rem;display:flex}#comment-form label{flex-direction:column;gap:.5rem;display:flex}#comment-form label span{flex-shrink:0}#comment-form label textarea{resize:vertical;width:100%;min-width:0;margin-left:.5rem}#comment-form p:last-child{gap:.5rem;display:flex}#comment-form p:last-child button[type=button]{color:inherit}.avatar-image{border-radius:50%;outline:double silver;width:2rem;height:2rem;margin-right:1rem}
