.recipe-reactions+section{position:relative;width:min(940px,calc(100% - 40px));max-width:none;margin:0 auto 80px;padding:38px;border:1px solid #e0d9cf;border-radius:24px;background:linear-gradient(145deg,#fffdf9 0%,#f7f1e8 100%);box-shadow:0 20px 55px rgba(48,42,34,.07)}.recipe-reactions+section:before{content:'COMMUNITY TABLE';display:block;margin-bottom:7px;color:#b75135;font-size:9px;font-weight:800;letter-spacing:.18em}.recipe-reactions+section>h2{margin:0;font:400 clamp(34px,5vw,48px)/1.1 Fraunces,Georgia,serif}.recipe-reactions+section>h2:after{content:'作った感想やアレンジを、みんなでシェアしましょう。';display:block;margin-top:10px;color:#7a746c;font:400 12px/1.65 Inter,system-ui,sans-serif}.recipe-reactions+section .review-form{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:27px;padding:18px;border:1px solid #e0d8cc;border-radius:16px;background:rgba(255,255,255,.82)}.recipe-reactions+section .review-form select,.recipe-reactions+section .review-form textarea{width:100%;margin:0;border:1px solid #d9d1c6;border-radius:11px;background:#fff;outline:none}.recipe-reactions+section .review-form select{height:48px;padding:10px 12px;color:#b75135;font-size:16px}.recipe-reactions+section .review-form textarea{height:48px;min-height:48px;padding:12px 14px;resize:vertical;line-height:1.5}.recipe-reactions+section .review-form select:focus,.recipe-reactions+section .review-form textarea:focus,.reply-box textarea:focus{border-color:#b75135;box-shadow:0 0 0 3px rgba(183,81,53,.1)}.recipe-reactions+section .review-form button{width:auto;min-width:105px;height:48px;margin:0;padding:10px 18px;border-radius:11px;font-weight:700}.thread-list{display:grid;gap:13px;margin-top:28px}.comment-thread{padding:20px 21px;border:1px solid #e2dcd2;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(45,40,33,.035)}.thread-comment{padding-left:43px;min-height:36px}.thread-comment:before{content:'談';position:absolute;left:0;top:-2px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f1e5da;color:#a44630;font:400 13px Georgia,serif}.thread-comment strong{font-size:14px}.thread-comment time,.thread-reply time{float:none;margin-left:8px;color:#999188;font-size:9px}.thread-comment p{margin:10px 0 0;color:#514d46;font-size:13px;line-height:1.75}.thread-reply{position:relative;margin:14px 0 0 43px;padding:14px 16px;border:0;border-radius:12px;background:#f5f1ea}.thread-reply:before{content:'↳';position:absolute;left:-25px;top:13px;color:#aaa198}.thread-reply.official-reply{border:1px solid #efd4ca;background:#fff4ef}.thread-reply.official-reply:before{color:#b75135}.thread-reply>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.thread-reply strong{font-size:12px}.thread-reply span{margin:0;padding:3px 7px}.thread-reply time{margin-left:auto}.thread-reply p{margin:7px 0 0;font-size:12px;line-height:1.7}.reply-box{margin:13px 0 0 43px}.reply-box summary,.reply-login{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid #e0d7cd;border-radius:999px;background:#faf8f4;color:#9f432e;font-size:11px;font-weight:650;list-style:none}.reply-box summary::-webkit-details-marker{display:none}.reply-box[open] summary{background:#f2e5dc}.reply-box form{padding:13px;margin-top:8px;border-radius:12px;background:#f8f5ef}.reply-box textarea{min-height:82px;padding:12px 13px;border-radius:10px;background:#fff;font-size:14px;outline:none}.reply-box button{min-height:38px;padding-inline:17px;font-weight:650}.recipe-reactions+section>.empty-state{margin-top:25px;border:1px dashed #d9d1c5;background:rgba(255,255,255,.6);text-align:center}@media(max-width:700px){.recipe-reactions+section{width:calc(100% - 28px);margin-bottom:52px;padding:25px 16px;border-radius:19px}.recipe-reactions+section>h2{font-size:34px}.recipe-reactions+section .review-form{grid-template-columns:1fr;padding:14px}.recipe-reactions+section .review-form select,.recipe-reactions+section .review-form textarea{font-size:16px!important}.recipe-reactions+section .review-form textarea{height:96px}.recipe-reactions+section .review-form button{width:100%;margin:0}.thread-list{gap:10px;margin-top:20px}.comment-thread{padding:17px 14px;border-radius:14px}.thread-comment{padding-left:39px}.thread-reply,.reply-box{margin-left:20px}.thread-reply{padding:13px}.thread-reply:before{left:-17px}.thread-reply time{width:100%;margin:0}.reply-box textarea{font-size:16px!important}.reply-box button{width:100%}}
