.community-shell { background:#100d09; color:#dfcfaa; }
.community-hero { box-sizing:border-box; min-height:55svh; display:flex; flex-wrap:wrap; align-content:center; gap:16px; padding:70px max(24px,calc((100% - 1200px)/2)); background:linear-gradient(90deg,#0e0b09e8,#0e0b0970),url('/assets/bgs/home/realmly-social-hero-v2.png') center/cover; border-bottom:1px solid #a9864355; }
.community-hero h1 { width:100%; margin:0; max-width:1100px; font:400 clamp(38px,6vw,72px)/1.1 Georgia,serif; color:#f1dba4; overflow-wrap:anywhere; }
.community-hero > p { width:100%; line-height:1.6; max-width:800px; }
.community-hero .download-link { margin:0; width:auto; }
.discovery-content { width:min(1200px,calc(100% - 40px)); margin:38px auto 70px; }
.community-filters { display:flex; flex-wrap:wrap; gap:14px; align-items:end; margin:20px 0; }
.community-filters label { flex:1 1 150px; }
.community-filters label:first-child { flex:2 1 220px; }
.community-shell label,.community-dialog label { display:flex; flex-direction:column; gap:8px; color:#d6bf8a; font:13px/1.5 Arial,sans-serif; }
.community-shell input,.community-shell select,.community-dialog input,.feed-filter-select { padding:12px; box-sizing:border-box; min-width:0; width:100%; background:#100d09; border:1px solid #9e7a445e; color:#efdeba; border-radius:2px; color-scheme:dark; font:15px/1.4 Arial,sans-serif; }
.community-button,.community-shell .day-button { display:inline-block; box-sizing:border-box; padding:12px 16px; border:1px solid #b5924f88; background:#362714; color:#eed49c; cursor:pointer; font:600 12px/1.5 Arial,sans-serif; text-decoration:none; }
.community-button:hover,.community-shell .day-button:hover { background:#59411e; border-color:#d4b268; }
.community-button:disabled { opacity:.5; cursor:default; }
.community-button[hidden] { display:none; }
.community-dialog :focus-visible,.community-shell :focus-visible,.community-feed-filters :focus-visible { outline:2px solid #e4c473; outline-offset:3px; }
.community-status { color:#c4aa74; font:14px/1.6 Arial,sans-serif; }
.discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.discovery-card { padding:28px; border:1px solid #a184454d; background:linear-gradient(135deg,#282015,#100e0a); color:#dfcfaa; text-decoration:none; overflow-wrap:anywhere; }
.discovery-card:hover { border-color:#d7b569; background:#302514; }
.discovery-card h2 { color:#efd7a1; font:400 30px/1.2 Georgia,serif; }
.discovery-card p,.discovery-card small { line-height:1.6; }
.discovery-pagination { display:flex; justify-content:space-between; margin-top:24px; }
.community-dialog { width:min(850px,calc(100vw - 24px)); max-height:90svh; padding:0; background:linear-gradient(135deg,#2c2014,#100d09); border:1px solid #c7a25d; color:#dfcfaa; box-sizing:border-box; }
.community-dialog::backdrop { background:#040302d9; backdrop-filter:blur(7px); }
body:has(.community-dialog[open]) { overflow:hidden; }
.community-dialog { overscroll-behavior:contain; }
.community-dialog-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 28px; border-bottom:1px solid #a184454d; }
.community-dialog h2 { margin:0; font:400 clamp(26px,4vw,38px)/1.2 Georgia,serif; color:#efd7a1; }
.community-dialog h3 { margin:28px 0 12px; color:#efd7a1; font:400 24px/1.2 Georgia,serif; }
.community-dialog-body { padding:24px 28px; }
.community-dialog-body > p { line-height:1.65; }
.community-dialog-body > .community-button { margin:12px 8px 0 0; }
.inbox-summary { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.inbox-summary > div { background:#07060460; border:1px solid #a184454d; padding:18px; display:flex; flex-direction:column; gap:8px; }
.inbox-summary strong { font:32px Georgia,serif; color:#efd7a1; }
.inbox-summary span { font:13px/1.5 Arial,sans-serif; }
.inbox-row { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:16px 0; border-bottom:1px solid #a184454d; }
.inbox-row > div { min-width:0; overflow-wrap:anywhere; }
.inbox-row p { margin:8px 0 0; font:13px/1.5 Arial,sans-serif; }
.inbox-row button { flex:none; }
.shared-story { width:min(780px,calc(100% - 40px)); margin:50px auto 90px; font:19px/1.9 Georgia,serif; overflow-wrap:anywhere; }
.shared-memory { padding:20px 28px; border-left:2px solid #c7a25d; background:#20190e; }
.shared-memory h2 { font:24px Georgia,serif; }
.shared-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:30px 0; }
.shared-gallery figure { margin:0; }
.shared-image { width:100%; padding:0; border:1px solid #b5924f88; cursor:zoom-in; background:#100d09; }
.shared-image img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.shared-gallery figcaption { font:13px/1.6 Arial,sans-serif; }
.community-full-image { display:block; max-width:100%; max-height:70svh; object-fit:contain; margin:auto; }
.community-feed-filters { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:20px 0; }
.community-feed-filters button[aria-pressed=true] { border-color:#f1dba4; background:#634720; }
.community-feed-filters label { font:13px Arial,sans-serif; color:#d6bf8a; }
.community-feed-filters select { width:auto; margin-left:8px; }
@media(max-width:760px) {
  .discovery-grid { grid-template-columns:minmax(0,1fr); }
  .community-hero { padding:45px 22px; min-height:48svh; }
  .community-dialog-top,.community-dialog-body { padding:20px; }
  .inbox-row { flex-wrap:wrap; }
  .shared-story { font-size:17px; }
}