/* Community design tokens and geometry from Figma 87:2 and 90:258. */
.community-page{position:fixed;inset:0;z-index:850;background:#fafbf8;color:#1f3534;overflow:hidden;padding:calc(4px + env(safe-area-inset-top,0px)) 20px calc(71px + env(safe-area-inset-bottom,0px));font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.community-page-content{width:100%;height:100%;max-width:760px;margin:auto;display:flex;flex-direction:column;min-height:0}
.community-page-header{display:flex;align-items:center;gap:10px;min-height:64px;margin-bottom:16px;flex-shrink:0}
.community-page-header>div{min-width:0;flex:1}.community-page-header h1{font-size:26px;font-weight:600;line-height:31px;letter-spacing:0;margin:0;outline:none}.community-page-header p{font-size:12px;font-weight:400;line-height:17px;color:#637574;margin:3px 0 0}
.community-icon-button{width:44px;height:44px;flex-shrink:0;border:1px solid #dee6e1;border-radius:16px;background:white;display:flex;align-items:center;justify-content:center;padding:0}.community-icon-button img{display:block;max-width:22px;max-height:22px}#community-back{width:36px;border:0;background:transparent;border-radius:0}
.community-tabs{display:grid;grid-template-columns:136fr 214fr;gap:4px;padding:4px;background:#e5f2ef;border-radius:14px;height:48px;flex-shrink:0}.community-tabs button{border:0;border-radius:11px;background:transparent;color:#08776e;font-size:13px;line-height:18px;font-weight:600;min-width:0;padding:0 6px}.community-tabs button[aria-selected=true]{background:#08776e;color:#fff}
.community-list-context{height:68px;flex-shrink:0;padding-top:12px;color:#637574;font-size:12px;line-height:17px}.community-list-context>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.community-list-context p{margin:0}.community-list-context .text-button{font-size:11px;line-height:17px;padding:0}.community-freshness{display:flex;align-items:center;gap:10px;height:22px;margin-top:6px}.freshness-gradient{height:6px;width:130px;border-radius:3px;background:linear-gradient(90deg,#08776e,#d3e7e5)}#construction-hint{margin-top:6px}
.community-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:12px;scrollbar-width:none}.community-scroll::-webkit-scrollbar{display:none}.community-feed{display:flex;flex-direction:column;gap:12px}
.community-report-card,.community-project-card{background:#fff;border:1px solid #dee6e1;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden}.community-report-card{border-color:var(--report-border,#08776e);cursor:pointer}.community-page h2{font-size:16px;line-height:21px;font-weight:600;letter-spacing:0;margin:0}.community-page p{margin:0}.community-report-meta{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:6px}.community-freshness-badge{background:#08776e;color:white;border-radius:8px;font-size:12px;line-height:17px;padding:5.5px 8px;white-space:nowrap}.community-report-card:not([data-report-id="0"]) .community-freshness-badge{background:var(--report-border);color:#1f3534}.community-reporter{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;min-height:44px;font-size:12px;line-height:17px;color:#637574;min-width:0}.community-reporter strong{font-weight:600;font-size:13px;line-height:18px;color:#08776e;white-space:nowrap}.community-avatar{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#e5f2ef;color:#08776e;display:flex;align-items:center;justify-content:center;font-size:12px}
.community-caption,.community-photo figcaption{font-size:12px;line-height:17px;font-weight:400;color:#637574}.community-description{font-size:14px;line-height:19px;font-weight:400}.community-photo{margin:0;display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.community-photo>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.community-report-card[data-report-id="0"] .community-photo>img{object-fit:contain}.community-report-footer{height:24px;display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;line-height:17px;color:#637574}.community-card-chevron{display:block;margin:3px 6px 0 0}
.community-project-card{min-height:189px}.community-project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:24px;font-size:12px;line-height:17px;color:#637574}.community-project-status{background:#e5f2ef;color:#08776e;padding:3.5px 8px;border-radius:8px;white-space:nowrap}.community-project-card>p{font-size:12px;line-height:17px;color:#637574}.community-project-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;font-size:12px;line-height:17px;color:#637574}.community-subscribe{min-height:36px;flex-shrink:0;border:1px solid #08776e;border-radius:10px;background:#fff;color:#08776e;font-size:13px;font-weight:600;line-height:18px;padding:8px 12px}.community-subscribe[aria-pressed=true]{background:#e5f2ef}
.community-primary,.community-secondary{width:100%;min-height:46px;border:0;border-radius:12px;background:#08776e;color:#fff;font-size:13px;font-weight:600;padding:12px}.community-secondary{border:1px solid #dee6e1;background:white;color:#08776e}.community-report-card.is-detail{border-color:#dee6e1;padding:20px 16px;cursor:default}.community-report-card.is-detail h2{font-size:26px;line-height:31px;font-weight:600}.is-detail .community-freshness-badge{padding:0;background:transparent!important;color:#08776e!important;font-size:13px;font-weight:600}.community-secondary-intro{font-size:14px;line-height:19px;color:#637574;padding:0 0 18px}#community-updates,#community-profile{display:flex;flex-direction:column;gap:12px}
.community-page[data-screen=detail] .community-page-header,.community-page[data-screen=updates] .community-page-header,.community-page[data-screen=profile] .community-page-header,.community-page[data-screen=drafts] .community-page-header{min-height:44px;margin-top:4px;margin-bottom:32px}
.community-page .community-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.community-page .draft-card{background:white}.community-page .draft-card h3{font-size:16px}.community-page .draft-card button{min-height:44px}.community-page .text-button{color:#08776e}#community-status{margin:10px 0 16px}
body[data-community-page=true] .main-navigation{display:flex;position:fixed;z-index:860;left:0;bottom:0;width:100%;height:calc(71px + env(safe-area-inset-bottom,0px));border-radius:0;justify-content:center;padding:5px 20px env(safe-area-inset-bottom,0px);gap:8px;background:#fff}
body[data-community-page=true] .main-navigation>button{max-width:220px;flex:1}body[data-community-page=true] .main-navigation #community-tab{color:#08776e;font-weight:700;background:transparent}body[data-community-page=true] .main-navigation .report-tab{max-width:144px;min-width:136px}body[data-community-page=true] .main-navigation #explore-tab{color:#637574}
body[data-community-page=true] .map-area,body[data-community-page=true] .home-sheet{visibility:hidden}body[data-community-page=true][data-community-detail=true] .main-navigation{display:none}
@media(max-width:374px){.community-reporter>span:first-child{display:none}.community-project-top{font-size:11px}.community-tabs button{font-size:12px}.community-project-status{white-space:normal}body[data-community-page=true] .main-navigation{padding-left:10px;padding-right:10px;gap:4px}body[data-community-page=true] .main-navigation>button{min-width:60px}body[data-community-page=true] .main-navigation .report-tab{min-width:128px}}
@media(min-width:760px){.community-page{padding-top:28px}.community-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#community-report-detail,#community-updates,#community-profile,#community-draft-view{max-width:480px;width:100%;margin:0 auto}}

.community-freshness>span:first-child{width:44px;flex-shrink:0}
body[data-community-page=true] .main-navigation{display:grid;grid-template-columns:minmax(0,1fr) 144px minmax(0,1fr);justify-items:center}
body[data-community-page=true] .main-navigation>button{width:100%;font-weight:700}
body[data-community-page=true] .main-navigation .report-tab{width:144px;min-width:144px}
body[data-community-page=true][data-community-detail=true] .main-navigation{display:none}
@media(max-width:374px){body[data-community-page=true] .main-navigation{grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr)}body[data-community-page=true] .main-navigation .report-tab{width:128px;min-width:128px}}