.community-content { line-height: 1.5; }
.community-post-message { flex: 1; min-width: 0; }
.community-post-art { display: block; max-width: 100%; max-height: 600px; width: auto; height: auto; object-fit: contain; margin: 12px 0; }
.community-rich-post blockquote { margin: 8px 12px; padding: 8px 12px; border-left: 3px solid #dec695; background: #fffce8; }
.community-activity { margin: 16px 0; padding: 10px; border: 1px solid #dfd6b8; }
.community-activity > summary { cursor: pointer; font-weight: bold; color: #78613f; }
.community-activity section { padding: 4px 5px 16px; }
.community-frog { padding: 12px; background: #eef8df; border: 1px solid #a3bc7a; font-size: 16px; }
.community-content progress { width: 100%; accent-color: #a3bc7a; }
.community-content h3 { color: #78613f; border-bottom: 1px solid #e3d8ae; padding-bottom: 4px; margin-top: 24px; }
.community-tabs { text-align: center; padding: 9px 3px; border-bottom: 1px solid #e3d8ae; margin-bottom: 15px; font-size: 12px; }
.community-tabs span { color: #ac9b7a; padding: 0 4px; }
.community-note { color: #777263; background: #fffce8; border: 1px solid #e8dfb8; padding: 9px 12px; font-size: 11px; clear: both; }
.community-directory { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 25px auto 35px; max-width: 560px; }
.community-directory article { text-align: center; padding: 10px; flex: 0 0 140px; }
.community-directory article>a { font-size: 14px; font-weight: bold; }
.community-directory article>a { display:block; font-size:12px; }
.community-directory article>a img { display:block; margin:0 auto 6px; max-width:100%; object-fit:contain; }
.community-directory article p { font-size:10px; line-height:1.25; }
.community-directory p { margin-bottom: 0; font-size: 12px; }
.community-welcome { text-align: center; border: 3px double #dec695; padding: 14px; background: #fffdf1; }
.community-welcome h2 { background: #eda18a; color: white; letter-spacing: 4px; font-family: Georgia,serif; margin: 0 0 12px; font-weight: normal; }
.community-home-layout { display: grid; grid-template-columns: minmax(0,1fr) 145px; gap: 12px; }
.community-home-layout .community-welcome { background: white; border: 4px solid #f3c893; padding: 10px; }
.community-home-layout .community-welcome h2 { font-size: 28px; letter-spacing: 0; border-bottom: 7px solid #d8f3a6; }
.community-home-layout .community-welcome p { text-align: justify; line-height: 1.2; font-size: 12px; }
.community-home-layout .community-welcome .community-home-salute { text-align: center; color: #cc6699; font-weight: bold; }
.community-welcome-cake { width: 105px; float: left; margin: 0 12px 6px 0; }
.community-home-banners { display: flex; align-items: center; clear: both; justify-content: center; gap: 3px; padding-top: 10px; }
.community-home-banners a { min-width: 0; flex: 1; }
.community-home-banners a:nth-child(2) { flex:1.4; }
.community-home-banners img { max-width: 100%; max-height: 95px; object-fit: contain; }
.community-home-layout .community-welcome h3,.community-home-features h3 { background: #f4c58f; color: white; text-align: center; border: 0; padding: 2px; font-size: 16px; }
.community-home-features ul { list-style: none; padding: 6px; margin: 0; border: 3px solid #f4c58f; font-size: 12px; }
.community-home-features li:before { content: '♥'; color: #d772a4; padding-right: 4px; }
.community-home-features li a { color: #6d685d; }
.community-featured-avatar { text-align: center; padding: 6px; }
.community-featured-avatar>b,.community-featured-avatar>a { display: block; font-size: 12px; }
.community-featured-avatar>b { color: #cc6699; }
.community-goat-strip>a { display: flex; flex-direction: column; align-items: center; font-size: 9px; max-width: 65px; }
.community-goat-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 3px; }
.community-goat-strip img { object-fit: contain; }
.community-news { padding: 8px 5px 18px; margin-bottom: 15px; border-bottom: 1px dashed #d5caa7; }
.community-news h3 { margin-top: 10px; }
.community-field { display: block; margin: 10px 0; font-weight: bold; }
.community-field input,.community-field textarea,.community-field select { display: block; margin-top: 4px; width: 100%; box-sizing: border-box; font: inherit; font-weight: normal; padding: 6px; border: 1px solid #bdb08c; background: #fff; color: #4d493b; border-radius: 0; }
.community-field textarea { resize: vertical; }
.community-inline,.community-archive-search { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin: 10px 0; }
.community-inline .community-field,.community-archive-search .community-field { flex: 1; min-width: 160px; margin: 0; }
.community-archive-search>label { font-size: 12px; }
.community-archive-search select { display: block; padding: 6px; border: 1px solid #bdb08c; }
.community-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 12px; }
.community-table th { background: #f2e6bd; color: #685537; text-align: left; }
.community-table th,.community-table td { padding: 8px; border: 1px solid #ded6b9; overflow-wrap: anywhere; }
.community-table tr:nth-child(even) td { background: #fffdf2; }
.community-post,.community-entry { border: 1px solid #dfd5b6; margin: 14px 0; padding: 12px; background: #fffef8; overflow: hidden; }
.community-post header { display: flex; justify-content: space-between; background: #f1e8cb; padding: 7px; margin: -12px -12px 12px; }
.community-forum-post-content { display: flex; gap: 16px; align-items: flex-start; }
.community-post-avatar { flex: 0 0 120px; }
.community-forum-post-content .community-prose { flex: 1; min-width: 0; margin: 0; }
@media (max-width: 600px) {
  .community-forum-post-content { flex-direction: column; gap: 10px; }
  .community-post-avatar { flex-basis: auto; }
}
.community-prose { white-space: pre-wrap; overflow-wrap: anywhere; margin: 15px 0; }
.community-archive-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px 7px; margin: 18px 0; }
.community-archive-grid>a { display: flex; flex-direction: column; align-items: center; justify-content: start; text-align: center; padding: 6px; font-size: 11px; }
.community-archive-grid img { max-width: 100%; height: 110px; object-fit: contain; margin-bottom: 8px; }
.community-archive-grid.community-ad-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.community-ad-grid .goat-art { width:160px; height:160px; }
.community-ad-grid .item-art { width:45px; height:45px; margin:5px; }
.community-area-map { display:block; max-width:100%; height:auto; margin:20px auto; }
.community-archive-grid>article { display:flex; flex-direction:column; align-items:center; text-align:center; padding:8px; }
.community-archive-grid>article>b { display:block; margin-top:6px; font-size:12px; }
.community-pagination { text-align: center; display: flex; gap: 18px; justify-content: center; margin: 15px 0; font-size: 12px; }
.community-record-art { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 20px 0; }
.community-record-art figure { margin: 0; text-align: center; font-size: 11px; }
.community-facts { display: grid; grid-template-columns: 130px 1fr; font-size: 12px; }
.community-facts dt,.community-facts dd { border-bottom: 1px solid #e8dfc7; margin: 0; padding: 8px; }
.community-facts dt { font-weight: bold; }
.community-submitted-art { float: left; max-width: 180px; max-height: 200px; margin: 0 16px 10px 0; }
.community-faq { padding: 12px; border-bottom: 1px solid #dfd6b8; }
.community-faq summary { cursor: pointer; font-weight: bold; color: #846849; }
.community-host { text-align: center; }
.community-host p { text-align: left; }
.community-calendar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 25px; }
.community-calendar section p { margin: 3px 0; }
.community-banner-library article { text-align: center; border-bottom: 1px dashed #d5caa7; padding: 10px; }
.community-banner-library article>img { max-width: 100%; }
.community-banner-library textarea { font-family: monospace; }
.community-graphics { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.community-graphics figure { margin: 12px; text-align: center; max-width: 200px; font-size: 11px; }
.community-story-welcome { text-align: center; }
.community-story-shelf { max-width: 460px; margin: 35px auto; }
.community-story-shelf p:before { content:'■ '; color:#7fc7ce; }
.community-story-controls { display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; gap:12px; margin:14px 0; font-size:12px; }
.community-story-panel { border:1px solid #b1a890; text-align:center; overflow:auto; background:white; }
.community-story-panel img { width:100%; height:auto; display:block; }
.community-story-panel.original-size img { max-width:none; width:auto; }
.community-story-source { font-size:10px; text-align:center; color:#78705c; }
.community-story-index { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.community-story-index a { padding:3px 5px; background:#ffffee; border:1px solid #ded6b9; }
@media(max-width:650px) { .community-home-layout { grid-template-columns: 1fr; } .community-home-features { display: none; } .community-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .community-directory { grid-template-columns:1fr; } .community-table { font-size: 10px; } .community-table th,.community-table td { padding: 4px; } }
@media(max-width:480px) { .community-home-layout .community-welcome p { text-align:left; } .community-welcome-cake { width:75px; margin-right:8px; } .community-archive-grid.community-ad-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }