.community-top-link{
margin:20px 0 30px 0;
}

.community-post-button{
display:inline-block;
padding:12px 24px;
border:1px solid #999;
border-radius:6px;
background:#f7f7f7;
color:#222;
font-weight:bold;
font-size:15px;
line-height:1.4;
text-decoration:none;
box-sizing:border-box;
transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;
}

.community-post-button:hover{
background:#efefef;
border-color:#888;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
text-decoration:none;
}

.community-post-list{
display:flex;
flex-wrap:wrap;
gap:20px;
margin:20px 0 30px 0;
}

.community-post-card{
width:calc(33.333% - 14px);
box-sizing:border-box;
background:#fff;
border:1px solid #ddd;
border-radius:8px;
padding:10px;
transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;
}

.community-post-card:hover{
background:#f6faef;
border-color:#b7c7a8;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.community-post-thumb{
margin:0 0 8px 0;
text-align:center;
background:#fff;
}

.community-post-thumb img{
width:100%;
max-width:300px;
height:auto;
aspect-ratio:800 / 533;
object-fit:contain;
border:1px solid #ddd;
border-radius:6px;
background:#fff;
box-sizing:border-box;
display:block;
margin:0 auto;
}

.community-post-type{
margin:0 0 6px 0;
font-size:12px;
color:#666;
line-height:1.5;
}

.community-post-title{
margin:0 0 6px 0;
font-weight:bold;
line-height:1.5;
font-size:0.95em;
}

.community-post-title a{
text-decoration:none;
}

.community-post-title a:hover{
text-decoration:underline;
}

.community-post-comment{
margin:0 0 8px 0;
line-height:1.6;
font-size:0.9em;
word-break:break-word;
overflow-wrap:break-word;
}

.community-post-date{
margin:0;
line-height:1.5;
font-size:0.82em;
color:#666;
}

.community-no-post{
padding:20px;
border:1px solid #ddd;
background:#fff;
border-radius:8px;
}

.community-pagination{
margin-top:30px;
text-align:center;
}

.community-pagination a,
.community-pagination span{
display:inline-block;
margin:4px;
padding:8px 12px;
border:1px solid #ccc;
background:#fff;
text-decoration:none;
color:#222;
line-height:1.4;
box-sizing:border-box;
border-radius:6px;
}

.community-pagination .current{
background:#222;
color:#fff;
border-color:#222;
}

.community-form-row{
margin-bottom:20px;
}

.community-form-label{
display:block;
font-weight:bold;
margin-bottom:6px;
line-height:1.6;
}

.community-form-text,
.community-form-select,
.community-form-textarea,
.community-form-file,
.community-form-password{
width:100%;
max-width:100%;
box-sizing:border-box;
padding:10px;
border:1px solid #ccc;
font-size:16px;
background:#fff;
}

.community-form-textarea{
min-height:160px;
resize:vertical;
line-height:1.8;
}

.community-form-note{
font-size:13px;
color:#666;
margin-top:6px;
line-height:1.7;
}

.community-form-submit{
margin-top:20px;
}

.community-submit-button,
.confirm-back-button{
padding:12px 24px;
font-size:16px;
cursor:pointer;
border:1px solid #999;
border-radius:6px;
background:#f7f7f7;
appearance:none;
-webkit-appearance:none;
box-sizing:border-box;
}

.community-submit-button:hover,
.confirm-back-button:hover{
opacity:0.9;
background:#efefef;
}

.community-post-image{
margin:20px 0;
}

.community-post-image img{
max-width:100%;
height:auto;
display:block;
border:1px solid #ddd;
border-radius:6px;
background:#fff;
box-sizing:border-box;
}

.community-post-links{
margin-top:25px;
}

.community-post-links p{
margin-bottom:12px;
}

.community-post-links a{
text-decoration:none;
}

.community-post-links a:hover{
text-decoration:underline;
}

.community-password-toggle{
margin-top:8px;
font-size:14px;
line-height:1.6;
}

.community-error{
color:#cc0000;
margin-bottom:15px;
line-height:1.8;
}

.community-success{
margin-bottom:15px;
line-height:1.8;
}

.community-meta{
font-size:13px;
color:#666;
line-height:1.7;
margin-bottom:12px;
}

.honey{
display:none;
}

@media screen and (max-width: 900px){
.community-post-list{
gap:14px;
}
.community-post-card{
width:calc(50% - 7px);
padding:8px;
}
.community-post-thumb img{
max-width:260px;
}
.community-post-title{
font-size:0.92em;
line-height:1.5;
}
.community-post-comment{
font-size:0.88em;
line-height:1.5;
}
}

@media screen and (max-width: 600px){
.community-post-list{
gap:10px;
}
.community-post-card{
width:calc(50% - 5px);
padding:6px;
}
.community-post-thumb img{
max-width:130px;
}
.community-post-title{
font-size:0.88em;
line-height:1.4;
}
.community-post-comment{
font-size:0.84em;
line-height:1.5;
}
.community-post-date{
font-size:0.78em;
}
.community-form-text,
.community-form-select,
.community-form-textarea,
.community-form-file,
.community-form-password{
font-size:16px;
}
.community-submit-button,
.confirm-back-button{
width:100%;
padding:12px;
}
}