textarea{font:inherit}textarea:focus-visible{outline:3px solid #68b4a4;outline-offset:3px}
.comments-section{max-width:850px;margin:45px auto 0;border-top:1px solid var(--line);padding-top:28px;overflow-wrap:anywhere}
.comments-section h2{font-size:25px;margin:0 0 22px}.comments-section p{font-size:14px;line-height:1.9}
.comment{padding:20px 0;border-bottom:1px solid var(--line)}.comment header{display:flex;gap:15px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.comment header strong{font-size:14px}.comment time{font-size:11px;color:var(--muted)}.comment>p,.comment-reply p{white-space:pre-wrap}
.comment-reply{margin-top:15px;padding:16px 20px;background:var(--mint-light);border-radius:7px}.comment-reply strong{font-size:12px;color:var(--teal)}.comment-reply p{margin:7px 0 0}
.comment-form{display:grid;gap:16px;padding:24px;margin-top:24px;background:var(--mint-light);border:1px solid var(--line);border-radius:9px}.comment-form>p{margin:0;color:var(--muted);font-size:12px}.comment-form label{display:grid;gap:8px;font-size:13px;font-weight:600}.comment-form input,.comment-form textarea{width:100%;min-width:0;background:#fff;border:1px solid #cbd9d2;border-radius:5px;padding:12px;font-size:14px;line-height:1.6;color:var(--ink)}.comment-form textarea{resize:vertical}.comment-form button{justify-self:start}.comment-form .comment-status{color:var(--teal);font-weight:600}.comment-honeypot{display:none}.owner-link{font-weight:700;color:var(--teal)}
.translation-pending{padding:11px 14px;border-radius:6px;background:var(--mint-light);font-size:12px!important}
.guide-photo-frame.single-photo img{inset:0;width:100%;height:100%;object-fit:cover}
html[data-skin=sage]{--teal:#3f6046;--teal-hover:#29432f;--mint:#e3eddf;--mint-light:#f1f6ed;--mint-chip:#e3eedb}
html[data-skin=berry]{--teal:#783f55;--teal-hover:#5c2f41;--mint:#f2e1e7;--mint-light:#faf2f5;--mint-chip:#f0dce4}
html[data-skin=berry] .hero-band{background-image:none}
html[data-font=serif]{font-family:Georgia,"Noto Serif KR","Malgun Gothic",serif}
html[data-font=rounded]{font-family:"Trebuchet MS","Malgun Gothic",Arial,sans-serif}
html[data-hide-difficulty=true] #difficulty-fieldset,html[data-hide-difficulty=true] .recipe-meta .meta-item:last-child{display:none}
html[data-layout=grid] .recipe-card{display:flex;flex-direction:column}
html[data-layout=grid] .recipe-photo{width:100%;height:200px;min-height:0}
html[data-layout=grid] .recipe-card-copy{flex:1}
@media(max-width:480px){.comment-form{padding:18px}.comments-section{margin-top:30px}.comment header{gap:6px}}
@media print{.comments-section,.owner-link{display:none}}