/* 읽는 속도와 글 밀도를 우선하는 커뮤니티 전용 화면. 홈의 사진 카드는 유지한다. */
.is-community{background:#fff;color:#26333c}.is-community .header{box-shadow:none;background:rgba(255,255,255,.96)}.is-community .nav-wrap{height:64px;max-width:1240px;gap:30px}.is-community .header .brand{font-size:25px}.is-community .header nav>a,.is-community .header .nav-group>summary{padding-top:20px;padding-bottom:20px}.is-community .shell{max-width:1240px;padding:24px 40px 64px}.is-community footer{padding-top:24px;padding-bottom:24px}.is-community footer .brand{font-size:23px}
.compact-board{max-width:1160px;margin:auto}.board-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px;min-height:40px}.board-heading h1{font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.04em}.board-heading p{font-size:12px;color:var(--text-secondary)}.board-write{background:#243b36;color:#fff;border:1px solid #243b36;border-radius:5px;min-height:38px;padding:8px 19px;font-size:13px;font-weight:600;white-space:nowrap}.board-heading>.board-write{margin-left:auto}.board-write:hover{background:#35574c}
.board-topline{display:flex;align-items:center;gap:20px;border-bottom:2px solid #354d44;min-height:45px}.board-tabs{display:flex;gap:0;align-self:stretch}.board-tabs>button{padding:0 17px;min-height:43px;font-size:14px;color:#66766d}.board-tabs>button.active{background:#edf3ef;color:#254738;font-weight:700}.board-refresh{font-size:12px;color:#69766f;min-height:38px;padding:5px;white-space:nowrap}.board-search{margin-left:auto;width:246px}.board-search input{border:1px solid #d5ddda;background:#fff;border-radius:5px;width:100%;height:33px;font:inherit;font-size:12px;padding:6px 11px;outline-offset:2px}
.board-categories{border-bottom:1px solid #e8ece9}.board-categories .filters{display:flex;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;margin:0;gap:2px;padding:5px 0}.board-categories .chip{border:0;border-radius:4px;min-height:34px;padding:7px 13px;font-size:12px;white-space:nowrap;color:#64766b;background:transparent;flex-shrink:0}.board-categories .chip.active{background:#ecf2ee;color:#274d3a;font-weight:600}
.board-options{display:flex;align-items:center;gap:17px;min-height:42px;font-size:11px;color:var(--text-secondary-green)}.board-options label{display:flex;gap:5px;align-items:center;min-height:34px;white-space:nowrap}.board-options input{accent-color:#355f4b;width:13px;height:13px}.board-options select{margin-left:auto;border:1px solid #dce2de;background:#fff;border-radius:4px;font:inherit;padding:5px 18px 5px 7px;min-height:30px;color:#53665b}.board-result-bar{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary-green);padding:0 2px 8px}.board-column-head,.board-row{display:grid;grid-template-columns:75px minmax(0,1fr) 108px 86px 48px;align-items:center;gap:14px}.board-column-head{border-top:1px solid #bdcbc2;border-bottom:1px solid #dbe3dd;background:#f6f8f6;min-height:32px;text-align:center;color:var(--text-secondary-green);font-size:11px;padding:0 12px}.board-column-head>span:nth-child(2){text-align:left}.board-list{padding:0;margin:0;list-style:none;border-bottom:1px solid #cbd6ce}.board-row{min-height:48px;border-bottom:1px solid #e8ece9;padding:6px 12px;font-size:12px;background:white}.board-row:last-child{border-bottom:0}.board-row:hover{background:#fafcfb}.board-category{color:var(--text-secondary-green);font-size:11px;text-align:center}.board-topic{display:flex;align-items:center;gap:7px;min-width:0}.board-title{font-size:14px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:#293a32}.board-title:hover{text-decoration:underline;text-underline-offset:3px}.board-title:visited{color:#626c66}.board-comment-count{color:#437952;font-size:12px;font-weight:600;white-space:nowrap}.board-author{color:#6b776f;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-time{font-variant-numeric:tabular-nums;color:#8a948e;font-size:11px;text-align:center;white-space:nowrap}.board-likes{text-align:center;color:#5b7363;font-size:12px;font-variant-numeric:tabular-nums}.board-thumb{width:44px;height:32px;flex-shrink:0;border-radius:3px;overflow:hidden;background:#edf1ee;border:1px solid #e2e8e3;padding:0}.board-thumb img{width:100%;height:100%;object-fit:contain;display:block}.board-attachment{display:flex;align-items:center;color:#8b9a90;flex-shrink:0}.board-example{font-size:9px;color:#89978e;border:1px solid #e2e8e3;border-radius:3px;padding:1px 4px;white-space:nowrap}.board-best{font-size:9px;background:#edf5e9;color:#4d763d;padding:2px 4px;border-radius:3px;white-space:nowrap}.mobile-like-label{display:none}.hide-thumbnails .board-thumb{display:none}.hide-thumbnails .board-row{min-height:41px}.board-empty{text-align:center;padding:40px 16px;font-size:13px;color:#7c8980}.board-empty button{margin-top:14px;min-height:36px;color:#355f48;text-decoration:underline}.board-pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin:21px 0}.board-pagination button{min-width:34px;min-height:34px;border:1px solid transparent;border-radius:4px;font-size:12px;padding:6px}.board-pagination button[aria-current=page]{border-color:#d3dfd6;background:#edf3ee;color:#2d503a;font-weight:650}.board-pagination button:hover{background:#f0f4f1}.board-foot{display:flex;gap:16px;align-items:start;justify-content:space-between;margin-top:18px}.board-foot p{font-size:11px;color:var(--text-secondary-green);line-height:1.8}.board-foot p a{margin-left:9px;color:var(--text-secondary-green)}.board-foot p span{display:block}
.is-community .social-article{max-width:940px}.is-community .social-article>.back{margin-bottom:0;min-height:32px;font-size:12px}.is-community .social-article h1{font-size:25px;margin-top:15px}.is-community .social-article .detail-photos{max-width:760px;margin:20px auto 12px}.is-community .social-article .feed-author{border-bottom:1px solid #e1e7e3;padding-bottom:14px}.is-community .community-prose{font-size:15px;line-height:1.85;margin:24px 0}.is-community .community-discussion-empty{padding:18px 0}.is-community .social-article .comment{padding:16px 0}.is-community .social-article .comment>.feed-author{border:0;padding:0}
#modal:has(.board-post-form){max-width:700px;border-radius:10px;padding:23px;background:#fff}#modal:has(.board-post-form) .dialog-head{margin-bottom:16px}#modal:has(.board-post-form) .dialog-head h2{font-size:21px}.form.board-post-form{gap:13px}.board-post-form .writer-identity{display:grid;grid-template-columns:1fr 150px;gap:13px}.board-post-form label{font-size:12px;gap:5px}.board-post-form input,.board-post-form select{padding:9px 11px;min-height:38px;border-color:#d6dfd8}.board-post-form textarea{padding:12px;min-height:125px;font-size:14px;line-height:1.65;border-color:#d6dfd8}.board-post-form .community-writer-tools{margin:0;min-height:30px;justify-content:flex-end}.board-post-form .community-writer-tools button{min-height:30px;font-size:11px}.board-post-form .community-draft-note{font-size:10px;margin:0;color:var(--text-secondary-green);line-height:1.7}.board-post-form .writer-end{display:flex;align-items:center;gap:12px}.board-post-form .writer-end .community-draft-note{flex:1}.board-post-form .writer-end .actions{margin:0;gap:10px}.board-post-form .writer-end button{min-height:36px;font-size:12px}.board-post-form .writer-end .button{padding:9px 20px;border-radius:5px}.board-post-form .photo-details{border:1px solid #e1e7e2;border-radius:5px}.board-post-form .photo-details>summary{font-size:12px;cursor:pointer;padding:10px 12px;color:#5d7564;min-height:38px}.board-post-form .post-photo-editor{border:0;border-top:1px solid #e1e7e2;border-radius:0;padding:12px}.board-post-form .post-photo-editor legend{display:none}.board-post-form .photo-draft-grid{margin-top:10px}.board-post-form .photo-upload-status{font-size:11px}.board-post-form .error:empty{display:none}
@media(max-width:1060px){.is-community .nav-wrap{gap:20px}.board-column-head,.board-row{grid-template-columns:62px minmax(0,1fr) 80px 73px 35px;gap:9px}.board-title{font-size:13px}}
@media(max-width:760px){.is-community .nav-wrap{height:56px;padding:0 16px}.is-community .header .brand{font-size:24px}.is-community .header nav{top:56px;max-height:calc(100dvh - 56px)}.is-community .header nav>a,.is-community .header .nav-group>summary{padding-top:12px;padding-bottom:12px}.is-community .header .menu-button{height:38px;width:38px;border:0;background:transparent}.is-community .header .nav-actions>.text-button{font-size:12px}.is-community .shell{padding:14px 14px 44px}.board-heading{margin-bottom:12px;gap:10px}.board-heading h1{font-size:21px}.board-heading p{display:none}.board-write{font-size:12px;padding:8px 15px;min-height:36px}.board-topline{gap:9px;flex-wrap:wrap}.board-tabs>button{padding:0 12px;font-size:13px;min-height:40px}.board-refresh{margin-left:auto;font-size:11px}.board-search{order:3;width:100%;margin:0 0 8px}.board-search input{height:33px;font-size:12px}.board-categories .chip{padding:6px 10px;min-height:34px;font-size:11px}.board-options{gap:12px;min-height:38px;font-size:10px}.board-options label{min-height:32px}.board-column-head{display:none}.board-result-bar{padding-bottom:7px;font-size:10px}.board-list{border-top:1px solid #becfc1}.board-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px 8px;min-height:72px;padding:10px 2px}.board-topic{grid-row:1;grid-column:1/-1;gap:5px;min-height:22px}.board-title{font-size:14px;line-height:1.45}.board-category{grid-row:2;grid-column:1;font-size:10px;text-align:left;color:#537b61}.board-author{grid-row:2;grid-column:2;text-align:left;font-size:10px}.board-time{grid-row:2;grid-column:3;text-align:right;font-size:10px}.board-likes{display:none}.board-comment-count{font-size:11px}.board-example,.board-best{font-size:8px;padding:1px 3px}.board-thumb{width:34px;height:25px}.board-attachment svg{width:13px;height:13px}.hide-thumbnails .board-row{min-height:68px}.board-foot{margin-top:15px;gap:8px}.board-foot p{font-size:10px}.board-foot .board-write{display:none}.is-community .social-article h1{font-size:22px}.is-community .social-article .detail-photos{margin-top:18px}.is-community .social-article .community-prose{font-size:14px}.is-community footer{margin-top:0}#modal:has(.board-post-form){padding:18px;max-height:94dvh}.board-post-form .writer-identity{grid-template-columns:1fr 112px;gap:10px}.board-post-form .writer-end{flex-direction:column;align-items:stretch}.board-post-form .writer-end .community-draft-note{font-size:11px}.board-post-form .writer-end .actions{gap:8px;justify-content:flex-end}.board-post-form .writer-end .button{padding:9px 15px}.board-post-form .photo-details>summary{min-height:40px}}
@media(forced-colors:active){.board-tabs button.active,.board-pagination button[aria-current=page]{outline:2px solid Highlight}.board-write{border:1px solid ButtonText}}

.board-attachment .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compact-board{scroll-margin-top:76px}.board-post-form .writer-optional{font-size:10px;color:var(--text-secondary-green);font-weight:400}.board-post-form label:has(.writer-optional){display:block}.board-post-form label:has(.writer-optional) textarea{display:block;margin-top:6px}.board-post-form .writer-end>div:first-child{flex:1}.is-community .community-discussion{scroll-margin-top:80px}
@media(max-width:760px){.board-row{grid-template-columns:auto minmax(0,1fr) auto auto}.board-likes{display:block;grid-row:2;grid-column:4;font-size:10px;color:#86928a}.mobile-like-label{display:inline}.compact-board{scroll-margin-top:66px}}

.board-list:not(.hide-thumbnails) .board-row:has(.board-thumb) .board-attachment{display:none}

/* 목록 밀도를 유지하며 읽어야 하는 보조 정보의 크기와 명도를 보정한다. */
.board-time,.board-example{color:#66756b}
@media(max-width:760px){.board-category,.board-author,.board-time,.board-likes{font-size:11px}.board-likes{color:#66756b}.board-example,.board-best{font-size:10px}.board-result-bar,.board-foot p{font-size:11px}}

.board-comment-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;flex-shrink:0}
.board-foot p a{text-decoration:underline;text-underline-offset:3px}
