.community-feature-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 34px max(7vw, calc((100vw - 1180px)/2)); background: #f6eeeb; }
.community-feature-link { display: flex; align-items: flex-start; gap: 17px; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: 0 10px 28px #29182a0a; }
.community-feature-link .eyebrow { margin: 0 0 7px; color: #a05c76; font-size: 8px; }
.community-feature-link h2 { margin: 0 0 8px; color: var(--plum); font: 500 23px var(--serif); }
.community-feature-link p:not(.eyebrow) { margin: 0 0 13px; color: var(--muted); font-size: 10px; line-height: 1.7; }
.feature-link-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 42px; border: 1px solid #e5cad5; border-radius: 15px; color: #a45370; background: linear-gradient(145deg,#fff8f4,#f5e5eb); font-size: 17px; }
.classifieds-link .feature-link-icon { color: #99634a; }
.feature-page { min-height: 70vh; }
.feature-notice { display: flex; align-items: center; gap: 16px; margin: 24px 0 28px; padding: 18px 20px; border: 1px solid #e6cbd5; border-radius: 16px; background: linear-gradient(105deg,#fff7f4,#f8eaf0); }
.feature-notice-mark { width: 43px; height: 43px; display: grid; place-items: center; flex: 0 0 43px; border: 1px solid #e2bdca; border-radius: 15px; color: #9b4e6c; background: #fffaf7; font-size: 12px; font-weight: 900; }
.feature-notice>div { flex: 1; }
.feature-notice strong { color: var(--plum); font: 500 16px var(--serif); }
.feature-notice p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.feature-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 26px 0 17px; }
.feature-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.feature-filter { padding: 9px 14px; border: 1px solid #e1cbd6; border-radius: 999px; color: #765b70; background: #fffaf8; font-size: 10px; font-weight: 700; }
.feature-filter:hover,.feature-filter.active { border-color: #d68da3; color: #71374f; background: #faeaf0; }
.forum-topic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.forum-topic-card,.classified-card { min-width: 0; padding: 21px 23px; border: 1px solid var(--line); border-radius: 17px; background: var(--white); box-shadow: 0 9px 26px #29182a0a; }
.forum-topic-card { display: flex; flex-direction: column; gap: 11px; }
.feature-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: #907b8b; font-size: 9px; }
.feature-tag { padding: 6px 9px; border: 1px solid #ecdde5; border-radius: 999px; color: #87516a; background: #faf2f3; font-size: 8px; font-weight: 800; }
.forum-topic-card h2,.classified-card h2 { margin: 0; color: var(--plum); font: 500 22px/1.22 var(--serif); }
.forum-topic-card p,.classified-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.8; }
.feature-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); color: #927f8c; font-size: 9px; }
.feature-card-footer .small-button { white-space: nowrap; }
.feature-contribute { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 27px; padding: 25px 28px; border: 1px solid #513c52; border-radius: 19px; color: #f8f0ee; background: radial-gradient(ellipse at 88% 10%,#704660,transparent 44%),linear-gradient(120deg,#27192d,#38253d); box-shadow: 0 14px 34px #2b19301a; }
.feature-contribute .eyebrow { color: #efbd9e; }
.feature-contribute h2 { margin: 4px 0 8px; font: 500 25px var(--serif); }
.feature-contribute p:not(.eyebrow) { max-width: 680px; margin: 0; color: #d5c8d4; font-size: 10px; line-height: 1.75; }
.feature-contribute .local-only-note { margin-top: 7px !important; color: #f0c8b0 !important; }
.feature-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 9px; }
.feature-actions .button { white-space: nowrap; }
.feature-actions .button-outline { border-color: #aa8ca8; color: #f7edf4; background: #ffffff0c; }
.feature-actions .button-outline:hover { background: #ffffff18; }
.feature-local-drafts { margin-top: 26px; }
.feature-local-drafts[hidden] { display: none; }
.feature-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 15px; }
.feature-section-heading h2 { margin: 0; color: var(--plum); font: 500 24px var(--serif); }
.classified-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.classified-card { display: flex; flex-direction: column; gap: 12px; }
.classified-card .classified-region { display: flex; align-items: center; gap: 6px; color: #77677b; font-size: 9px; }
.classified-card .classified-region:before { content: '⌖'; color: #a95e78; font-size: 13px; }
.classified-card .classified-intent { display: inline-flex; align-self: flex-start; padding: 7px 10px; border-radius: 999px; color: #7c526a; background: #f7eaf0; font-size: 8px; font-weight: 800; }
.classified-card .feature-card-footer { margin-top: auto; }
.feature-empty { grid-column: 1/-1; padding: 28px; border: 1px dashed #ddc8d5; border-radius: 16px; color: var(--muted); background: #fffaf8; font-size: 11px; line-height: 1.7; text-align: center; }
.feature-modal-form { display: grid; gap: 12px; }
.feature-modal-form label { display: grid; gap: 6px; margin: 0; color: var(--ink-soft); font-size: 10px; font-weight: 800; }
.feature-modal-form input:not([type=checkbox]),.feature-modal-form select,.feature-modal-form textarea { width: 100%; padding: 11px 12px; border: 1px solid #dfcbd6; border-radius: 11px; color: var(--ink); background: #fffdfb; font: inherit; font-size: 11px; }
.feature-modal-form textarea { min-height: 110px; resize: vertical; }
.feature-modal-form .feature-consent { display: flex; align-items: flex-start; gap: 9px; line-height: 1.6; font-weight: 500; }
.feature-modal-form .feature-consent input { margin-top: 3px; accent-color: var(--rose); }
.feature-modal-form .modal-note { margin: 0; }
.feature-modal-form .button { width: 100%; margin-top: 0; }
.feature-modal-actions { display: flex; gap: 9px; }
.feature-modal-actions .button { flex: 1; }
.support-preview { position: relative; display: flex; align-items: center; gap: 22px; margin: 0 0 22px; padding: 25px 30px; overflow: hidden; border: 1px solid #d9c2a2; border-radius: 20px; color: #f9f1e8; background: radial-gradient(ellipse at 90% 5%,#765347 0,transparent 42%),linear-gradient(115deg,#241d25,#3c3033 62%,#51403a); box-shadow: 0 16px 36px #261c241a; }
.support-preview:after { content: '✧'; position: absolute; right: 105px; bottom: -54px; color: #e5c99e18; font: 180px/1 var(--serif); pointer-events: none; }
.support-preview-mark { width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 52px; border: 1px solid #c2a47888; border-radius: 18px; color: #e9c998; background: #fff8e90d; font-size: 25px; }
.support-preview-copy { position: relative; z-index: 1; flex: 1; }
.support-preview .eyebrow { margin: 0 0 5px; color: #e9c998; font-size: 8px; letter-spacing: .16em; }
.support-preview h2 { margin: 0 0 7px; color: #fff9f2; font: 500 26px/1.2 var(--serif); }
.support-preview-copy>p:not(.eyebrow) { max-width: 780px; margin: 0; color: #e4d9d2; font-size: 10px; line-height: 1.75; }
.support-preview-copy .support-preview-note { margin-top: 8px !important; color: #c9b7aa !important; font-size: 9px !important; }
.support-preview-badge { position: relative; z-index: 1; flex: 0 0 auto; padding: 8px 11px; border: 1px solid #d6bd91; border-radius: 999px; color: #f0d9af; background: #f2dfb00d; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.support-qr-frame { position: relative; z-index: 1; flex: 0 0 148px; padding: 7px; border: 1px solid #eadfcb; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px #130f141f; }
.support-qr-frame img { display: block; width: 100%; height: auto; aspect-ratio: 1; border-radius: 8px; object-fit: contain; }
@media(max-width:1050px) { .topbar { flex-wrap: wrap; gap: 10px 16px; padding-block: 12px; } .main-nav { order: 3; width: 100%; height: 43px; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; } .main-nav::-webkit-scrollbar { display:none; } .nav-link.active:after { bottom: -4px; } }
@media(max-width:760px) { .community-feature-links { grid-template-columns: 1fr; padding-inline: 6vw; } .forum-topic-grid,.classified-grid { grid-template-columns: 1fr; } .feature-toolbar,.feature-section-heading { align-items: flex-start; flex-direction: column; } .feature-notice { align-items: flex-start; flex-wrap: wrap; } .feature-notice>div { flex: 1 1 calc(100% - 62px); } .feature-notice>.demo-badge { margin-left: 59px; } .feature-contribute { align-items: flex-start; flex-direction: column; padding: 23px; } .feature-actions { width: 100%; flex-direction: column; } .feature-actions .button { width: 100%; white-space: normal; } .support-preview { align-items: flex-start; gap: 14px; padding: 20px; } .support-preview-mark { width: 42px; height: 42px; flex-basis: 42px; border-radius: 15px; } .support-preview h2 { font-size: 22px; } .support-preview-badge { position: absolute; top: 20px; right: 18px; font-size: 7px; } .support-preview-copy { padding-right: 45px; } .support-qr-frame { flex-basis: 108px; margin-left: auto; } }