.discussion-section{padding-top:66px;padding-bottom:88px;border-top:1px solid var(--line);scroll-margin-top:100px}
.detail-main .discussion-section{margin-top:55px;padding-bottom:18px}
.discussion-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}
.discussion-heading h2{margin:9px 0 8px;font-size:30px;letter-spacing:-.045em}
.discussion-heading p{margin:0;color:#6d7890;font-size:14px;line-height:1.7}
.discussion-count{flex:none;padding:8px 12px;border-radius:999px;background:#f2f1ff;color:var(--purple);font-size:12px;font-weight:750}
.discussion-layout{display:grid;grid-template-columns:minmax(275px,360px) minmax(0,1fr);align-items:start;gap:28px}
.discussion-form{padding:26px;border:1px solid #e6e6f4;border-radius:14px;background:#f9f9ff}
.discussion-form h3,.feed-title h3{margin:0 0 20px;font-size:18px;letter-spacing:-.025em}
.discussion-form label{display:block;margin:15px 0 7px;color:#434b67;font-size:13px;font-weight:750}
.discussion-form input:not(.honeypot),.discussion-form select,.discussion-form textarea{display:block;width:100%;padding:12px 13px;border:1px solid #dfe2ee;border-radius:8px;outline:none;background:#fff;color:var(--ink);font:inherit;font-size:14px;line-height:1.55}
.discussion-form input:not(.honeypot):focus,.discussion-form select:focus,.discussion-form textarea:focus{border-color:#9b96ee;box-shadow:0 0 0 3px rgba(81,72,214,.09)}
.discussion-form textarea{min-height:128px;resize:vertical}
.discussion-form input::placeholder,.discussion-form textarea::placeholder{color:#a4adbd}
.discussion-form .honeypot{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}
.form-bottom small{color:#9ba4b6;font-size:12px}
.form-bottom .button-primary{border:0}
.form-bottom .button-primary:disabled{background:#ada9db;cursor:wait;transform:none}
.form-feedback{min-height:1.5em;margin:12px 0 0;color:#4d45ad;font-size:12px;line-height:1.5}
.form-feedback.error{color:#b2434e}
.discussion-feed{min-width:0;padding:26px;border:1px solid #e9ebf3;border-radius:14px;background:#fff}
.feed-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}
.feed-title h3{margin-bottom:17px}
.feed-title span{color:#9da5b5;font-size:12px}
.message-item{padding:19px 0;border-bottom:1px solid #eef0f5}
.message-item:last-child{border-bottom:0}
.message-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.message-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#eeedff;color:var(--purple);font-size:15px;font-weight:850}
.message-author{font-size:13px;font-weight:800;color:#283251}
.message-time{margin-left:auto;color:#a2aabb;font-size:11px}
.message-kind{padding:3px 7px;border-radius:5px;background:#fff4df;color:#9a6722;font-size:11px;font-weight:750}
.message-body{margin:11px 0 0 44px;color:#59657e;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.feed-state{padding:24px 0;color:#8b95a8;font-size:13px;line-height:1.7}
.load-more{display:block;width:100%;margin-top:15px;padding:10px;border:1px solid #dddff2;border-radius:8px;background:#f9f9ff;color:var(--purple);font-size:13px;font-weight:750}
.load-more[hidden]{display:none}
.load-more:hover{border-color:#aaa6eb}
@media(max-width:760px){.discussion-section{padding-top:50px;padding-bottom:65px}.discussion-layout{grid-template-columns:1fr;gap:18px}.discussion-heading{align-items:start;flex-direction:column}.discussion-form,.discussion-feed{padding:22px}.detail-main .discussion-section{margin-top:40px}}
@media(max-width:420px){.message-body{margin-left:0}.message-time{margin-left:44px}.form-bottom .button-primary{padding:0 13px}}