*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#fffaf3,#f7f0e6);font-family:Arial,'Malgun Gothic',sans-serif;color:#35251b;line-height:1.6}header{background:linear-gradient(110deg,#29180f,#4b2a19 75%,#2c1a11);padding:20px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}header a{color:#f8ebdb;text-decoration:none;font-weight:bold}header nav{display:flex;flex-wrap:wrap;gap:20px}header nav a{font-size:14px}.active{border-bottom:2px solid #d5ac76;padding-bottom:6px}.brand{display:flex;align-items:center;gap:12px;color:#d5ac76;font-size:25px}.brand span{font-family:Georgia,serif;letter-spacing:2px;line-height:1}.brand small{display:block;font:9px Arial;letter-spacing:2px;color:#dfc2a3;margin-top:6px}main{max-width:1060px;margin:45px auto;padding:0 20px}.intro{margin-bottom:32px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;color:#987047}.intro h1{font-size:36px;margin:10px 0}.intro p,.meta{color:#8a7566}.panel{background:#fffdf9;border:1px solid #e8d6c0;border-radius:18px;padding:28px;margin:20px 0;box-shadow:0 5px 20px #553a2310}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px}.toolbar label,form label{display:block;font-size:14px;font-weight:bold}select,input,textarea{display:block;width:100%;padding:12px;border:1px solid #c9ad91;border-radius:9px;background:white;color:#35251b;font:inherit;margin-top:7px}.toolbar select{min-width:170px}button{border:0;background:#694027;color:white;border-radius:9px;padding:12px 18px;cursor:pointer;font-weight:bold}button:disabled{opacity:.5}.back{background:transparent;color:#694027;padding:5px 0}.danger{background:#a33d34}.post-row{display:block;padding:20px 8px;border-bottom:1px solid #ede3d7;text-decoration:none;color:inherit;cursor:pointer}.post-row:last-child{border-bottom:0}.post-row:hover{background:#fbf6ef}.post-row strong{display:block;font-size:18px;margin:6px 0}.post-row .meta{font-size:13px}.pill{font-size:12px;color:#815634;background:#f5e8d8;padding:4px 8px;border-radius:8px}.empty{padding:50px 10px;text-align:center;color:#847467}#notice{color:#985a32}#detail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:28px 0}form label{margin:16px 0}.actions{display:flex;gap:12px}#owner-actions{display:flex;gap:12px}#owner-actions[hidden],section[hidden]{display:none!important}@media(max-width:700px){header{padding:18px;display:block}header nav{margin-top:16px;gap:12px}header nav a{font-size:12px}main{margin:25px auto;padding:0 14px}.panel{padding:18px}.intro h1{font-size:27px}}
/* 94단계 커뮤니티 상호작용 */
.social-actions{display:flex;align-items:center;gap:16px;margin:22px 0;padding:16px 0;border-top:1px solid #e8d6c0;border-bottom:1px solid #e8d6c0;color:#8a7566;font-size:14px}
#like-post{background:#fff5e9;border:1px solid #d4b28d;color:#694027}
#like-post[aria-pressed="true"]{background:#694027;color:#fff}
.comment-area{margin-top:28px}
.comment-area h3{font-size:21px;margin-bottom:18px}
.comment{padding:16px 0;border-bottom:1px solid #ede3d7}
.comment-heading{display:flex;gap:12px;align-items:center;font-size:14px}
.comment-heading span{color:#8a7566;font-size:12px}
.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.comment-delete{background:transparent;color:#9d4234;border:1px solid #e2b8a9;padding:5px 10px;font-size:12px}
.empty-comments{color:#8a7566;padding:14px 0}
#comment-form{margin-top:24px}
#comment-form textarea{max-width:100%}
#comment-form[hidden],#comment-login[hidden]{display:none!important}

/* 댓글 수정/삭제 버튼 정렬 및 입력 폼 간격 */
.comment-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.comment-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:700;line-height:1.2}
.comment-actions .comment-edit{background:#694027;color:#fff;border:1px solid #694027}
.comment-actions .comment-delete{background:#a33d34;color:#fff;border:1px solid #a33d34}
.comment-edit-form{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.comment-edit-form textarea{flex:0 0 100%;margin:0}
.comment-edit-form button{min-height:36px}
.comment-edit-form .comment-cancel{background:#8a7566}
#comment-form textarea{margin-bottom:16px}
#comment-submit{margin-top:2px}

/* 96단계 게시글 검색·정렬·페이지 */
.browse-search{margin-top:22px;padding:18px 0 8px;border-bottom:1px solid #ede3d7}
.browse-search>label{font-size:14px;font-weight:700}
.search-line{display:flex;align-items:end;gap:10px;margin-top:8px}
.search-line>input{flex:1;min-width:0;margin:0}
.search-line .sort-label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap;font-size:13px}
.search-line select{min-width:115px;margin:0}
.search-line button{white-space:nowrap;min-height:46px}
.post-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:25px}
.post-pagination button{min-width:39px;min-height:39px;padding:8px 12px;background:#fff8f0;color:#694027;border:1px solid #d7bfa6}
.post-pagination button.page-current{background:#694027;color:white;border-color:#694027}
.post-pagination button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.search-line{flex-wrap:wrap}.search-line>input{flex:1 1 100%}.search-line .sort-label{flex:1}.search-line button{min-width:72px}}

/* 게시글 목록은 간결하게, 상세 화면은 기존 여백 유지 */
#posts .post-row{padding:11px 8px;line-height:1.35}
#posts .post-row strong{font-size:15px;line-height:1.45;margin:5px 0 4px;overflow-wrap:anywhere}
#posts .post-row .meta{font-size:12px;line-height:1.35}
#posts .post-row .pill{display:inline-block;font-size:11px;padding:2px 7px;line-height:1.35}
@media(max-width:700px){#posts .post-row{padding:10px 5px}#posts .post-row strong{font-size:14px}}