.engagement-panel{border:1px solid var(--line);background:var(--paper);border-radius:18px;width:min(100%,980px);margin:64px auto 0;padding:clamp(22px,4vw,36px)}.engagement-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.engagement-heading h2{margin-bottom:0}.reaction-buttons{gap:10px;display:flex}.reaction-buttons button{border:1px solid var(--line);cursor:pointer;min-width:78px;min-height:46px;font:700 .9rem var(--font-sans);background:0 0;border-radius:999px;padding:10px 14px}.reaction-buttons button.selected{border-color:var(--wine);background:color-mix(in srgb, var(--wine) 12%, transparent);color:var(--wine)}.comment-form{border-top:1px solid var(--line);grid-template-columns:1fr;gap:10px;margin-top:28px;padding-top:24px;display:grid}.comment-form>label{font-weight:700;display:block}.comment-form textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:148px;font:400 1rem/1.55 var(--font-sans);border-radius:4px;margin:0;padding:16px 18px;display:block}.comment-form textarea::placeholder{color:var(--muted);opacity:1}.comment-submit{justify-content:space-between;align-items:center;gap:20px;margin-top:4px;display:flex}.comment-submit small,.sign-in-note{color:var(--muted)}.comment-submit .button{min-width:184px}.comment-thread{margin-top:32px}.comment-thread h3{font:600 1.35rem Newsreader,serif}.comment-thread article{border-top:1px solid var(--line);padding:18px 0}.comment-thread article div{justify-content:space-between;gap:16px;display:flex}.comment-thread time{color:var(--muted);font-size:.78rem}.comment-thread article p{white-space:pre-wrap;margin-bottom:0}@media (width<=650px){.engagement-panel{border-radius:10px;margin-top:40px}.engagement-heading,.comment-submit{flex-direction:column;align-items:stretch}.reaction-buttons{width:100%}.reaction-buttons button{flex:1}.comment-submit .button{width:100%;min-width:0}}