.community{max-width:1100px;margin:70px auto 90px;padding:42px;border-top:1px solid #d6c9b9;background:#f7f4ef;color:#1d1b19}
.community h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 12px}
.community p{line-height:1.5}.community-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.community .kicker{color:#a46338;font-size:.75rem;letter-spacing:.15em;font-weight:700}
.rating-summary{font-weight:700;white-space:nowrap}.ladle-rating{display:flex;gap:4px;margin:22px 0 8px}
.ladle-rating button{border:0;background:transparent;width:50px;height:58px;padding:4px;cursor:pointer;opacity:.4;transition:opacity .15s,transform .15s}
.ladle-rating button:hover,.ladle-rating button:focus-visible{transform:translateY(-4px)}
.ladle-rating button.selected,.ladle-rating button.hovered{opacity:1}
.logo-ladle{display:block;width:40px;height:50px;background-image:url("./assets/logo.png");background-repeat:no-repeat;background-size:120px 120px;background-position:-42px -9px;mix-blend-mode:multiply}
.feedback-message{min-height:1.4em;color:#6d4b35;font-size:.92rem}
.community-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:56px;margin-top:38px}
.comments-panel,.share-panel{border-top:1px solid #d6c9b9;padding-top:22px}.comment{border-bottom:1px solid #d6c9b9;padding:16px 0}.comment strong{display:block}.comment time{color:#716b64;font-size:.85rem}.comment p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#comment-form{margin-top:28px;display:grid;gap:10px}#comment-form label{font-size:.92rem;font-weight:700}
#comment-form input,#comment-form textarea{font:inherit;padding:12px;border:1px solid #b8aaa0;border-radius:3px;background:white;color:#1d1b19;max-width:100%}
#comment-form button,.share-links>*{font:inherit;border:1px solid #292521;background:white;color:#1d1b19;text-decoration:none;padding:11px 15px;cursor:pointer;text-align:center;border-radius:2px}
#comment-form button{background:#1d1b19;color:white;justify-self:start}.share-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.share-links>*:hover,.share-links>*:focus-visible{background:#e7d9c9}.honey-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.brand-reply{display:flex;gap:12px;margin:16px 0 4px 15px;padding:14px;border-left:3px solid #a46338;background:#fff}.brand-reply img{width:48px;height:48px;object-fit:contain;border-radius:50%;flex:none}.brand-reply time{display:block}
@media(max-width:700px){.community{margin:45px 0;padding:32px 22px}.community-heading{display:block}.community-grid{grid-template-columns:1fr;gap:35px}.rating-summary{white-space:normal}.ladle-rating button{width:48px}}
@media(max-width:600px){.community{width:100%;max-width:100%;padding-left:var(--phone-gutter,18px);padding-right:var(--phone-gutter,18px)}.community-grid,.comments-panel,.share-panel,#comment-form{min-width:0}.share-links{max-width:100%}}
@media(max-width:380px){.ladle-rating{gap:0}.ladle-rating button{width:42px}.brand-reply{margin-left:0;padding:12px}}
