.community-page{background:#f6f3eb}.community-shell{max-width:1180px;margin:0 auto;padding:54px 28px 100px}.community-heading{min-height:230px;padding:30px 44px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;background:#e8ecdd;border:1px solid #dce2d1;border-radius:12px}.community-heading h1{font-size:clamp(34px,5vw,56px);line-height:1.23;letter-spacing:-.06em;margin:13px 0}.community-heading h1 em{font-family:Georgia,'Noto Serif KR',serif;font-style:normal;font-weight:500;color:#607c51}.community-heading p{color:#687464;line-height:1.8;font-size:14px;margin:0;max-width:560px}.community-emblem{width:180px;height:180px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#f5f1e6 0 35%,#dde4cf 36% 100%);font-size:95px;color:#71885f;opacity:.75;margin-right:5%}.community-state{margin:20px 0 30px;padding:16px 20px;display:flex;align-items:center;gap:14px;background:#fffdf7;border:1px solid #e6e0d1;border-radius:9px}.state-dot{width:10px;height:10px;border-radius:50%;background:#c8b96b;box-shadow:0 0 0 5px #c8b96b20;flex:none}.community-state[data-state=ready] .state-dot{background:#5a9e68;box-shadow:0 0 0 5px #5a9e6820}.community-state[data-state=error] .state-dot{background:#d2765e;box-shadow:0 0 0 5px #d2765e20}.community-state>div{flex:1}.community-state strong{font-size:13px}.community-state p{font-size:12px;color:#77806f;margin:3px 0 0}.community-state>a{font-size:12px;color:#4e714a;font-weight:750}.community-layout{display:grid;grid-template-columns:275px 1fr;gap:20px;align-items:start}.channel-list,.post-area{background:#fffdf7;border:1px solid #e6e0d1;border-radius:10px}.channel-list{padding:21px}.list-heading,.post-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.list-heading h2,.post-toolbar h2{font-size:18px;letter-spacing:-.04em;margin:5px 0 0}.list-heading>button{width:34px;height:34px;border:1px solid #e3e5d9;border-radius:8px;background:#f7f6ef;color:#58754b;font-size:19px;cursor:pointer}.channel-buttons{display:grid;gap:7px;margin:20px 0}.channel-button{width:100%;text-align:left;padding:12px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#53604f;font:650 13px Pretendard,sans-serif;cursor:pointer}.channel-button:hover,.channel-button[aria-current=true]{border-color:#dfe5d7;background:#eff2e8;color:#3e623c}.channel-button span{display:block;font-size:10px;color:#8b9384;margin-top:4px;font-weight:500}.discord-card{border-top:1px solid #e8e3d8;margin-top:18px;padding:16px 0 0;display:flex;justify-content:space-between;gap:8px;color:#5b734e;font-size:12px;font-weight:750}.post-area{min-height:550px;padding:22px}.post-toolbar{padding-bottom:18px;border-bottom:1px solid #ece7dd}.write-button,.submit-button{border:0;border-radius:6px;background:#58754b;color:#fff;padding:11px 15px;font:700 12px Pretendard,sans-serif;cursor:pointer}.write-button:disabled{opacity:.45;cursor:not-allowed}.write-button span{font-size:17px;margin-left:8px}.editor{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid #ece7dd}.editor label{font-size:12px;font-weight:750;margin-top:4px}.editor input,.editor textarea,.comment-form textarea{width:100%;border:1px solid #dfdfd3;border-radius:7px;background:#fffefa;padding:12px;color:#293a2d;font:13px/1.6 Pretendard,sans-serif;resize:vertical}.editor input:focus,.editor textarea:focus,.comment-form textarea:focus{outline:2px solid #91a982;outline-offset:1px}.editor-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.editor-actions span{margin-right:auto;color:#798172;font-size:11px}.submit-button{background:#58754b}.text-button{border:0;background:none;color:#65715f;font:650 12px Pretendard,sans-serif;cursor:pointer}.post-list{display:grid}.post-card{padding:19px 4px;border-bottom:1px solid #eee9df;cursor:pointer}.post-card:hover h3{color:#4e714a}.post-card h3{font-size:16px;margin:5px 0 7px;letter-spacing:-.03em}.post-card p{font-size:12px;color:#788072;line-height:1.6;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.post-meta{display:flex;gap:9px;color:#929789;font-size:10px}.post-meta b{color:#617556;font-weight:750}.empty-note{padding:25px;color:#899081;text-align:center;font-size:12px;line-height:1.7}.post-detail{padding-top:18px}.post-detail>.text-button{margin-bottom:15px}.detail-post{padding:20px 6px 24px;border-bottom:1px solid #ece7dd}.detail-post h2{font-size:21px;line-height:1.4;margin:8px 0}.detail-post p{font-size:13px;line-height:1.85;color:#536052;white-space:pre-wrap;margin:15px 0}.owner-actions{display:flex;gap:12px;margin-top:13px}.owner-actions button{border:0;background:none;color:#7c8576;text-decoration:underline;font:11px Pretendard,sans-serif;cursor:pointer}.comments-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.comments-heading h3{font-size:15px;margin:0}.comments-heading span{font-size:11px;color:#879080}.comment-card{padding:14px 3px;border-bottom:1px solid #f0ece4}.comment-card p{white-space:pre-wrap;font-size:12px;line-height:1.7;color:#536052;margin:8px 0}.comment-form{display:grid;gap:10px;margin-top:17px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.community-shell{padding:28px 14px 70px}.community-heading{min-height:0;padding:27px 23px}.community-heading h1{font-size:37px}.community-emblem{width:90px;height:90px;font-size:50px;margin-right:0}.community-heading p{font-size:12px}.community-layout{grid-template-columns:1fr}.channel-list{padding:15px}.channel-buttons{grid-template-columns:repeat(2,minmax(0,1fr));margin:13px 0}.discord-card{margin-top:12px}.post-area{padding:16px;min-height:450px}.post-toolbar{align-items:flex-start}.post-toolbar h2{font-size:16px}.write-button{font-size:11px;padding:10px}.community-state{padding:13px;align-items:flex-start}.community-state p{line-height:1.5}.community-state>a{white-space:nowrap}}@media(max-width:450px){.community-emblem{display:none}.community-heading{padding:24px 20px}.topbar nav a:nth-child(3){display:none}}