/* A familiar post: author, words, photo collage, then quiet reactions. */
.social-post-card{border:1px solid color-mix(in srgb,var(--ink) 24%,var(--paper));border-radius:12px;background:color-mix(in srgb,var(--paper) 95%,white);box-shadow:0 3px 0 color-mix(in srgb,var(--ink) 7%,transparent);overflow:hidden}
.collector-posts{max-width:740px;margin-inline:auto;gap:24px}.collector-posts .social-post-card{padding:0}
.social-post-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 10px}.social-post-person{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;min-width:0}.social-post-person>.profile-avatar{width:42px!important;height:42px!important;margin:0!important;border:1px solid var(--line);font:600 19px var(--sans);flex:0 0 42px;object-fit:cover}.social-post-person>span:last-child{display:grid;gap:4px;min-width:0}.social-post-person strong{font:600 16px var(--sans);overflow-wrap:anywhere}.social-post-person time{font:13px var(--sans);color:var(--muted)}
.social-post-remove{font:13px var(--sans);color:var(--muted);background:transparent;border:0;min-height:44px;padding:8px;flex:none;cursor:pointer}.social-post-text{padding:0 20px;margin:8px 0 18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font:16px/1.65 var(--sans);color:var(--ink)}
/* Fixed collage tracks prevent tall photos from stretching a row. Single images keep their natural proportions. */
.social-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;width:100%;aspect-ratio:1.2;background:color-mix(in srgb,var(--ink) 8%,var(--paper));overflow:hidden}
.social-photo-tile{position:relative;display:block;width:100%;height:100%;min-height:0;min-width:0;aspect-ratio:auto;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:var(--paper);overflow:hidden;cursor:zoom-in}
.social-photo-tile[hidden]{display:none!important}
.social-photo-tile img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;margin:0!important;border-radius:0!important}
.social-photo-grid[data-count="1"]{display:block;aspect-ratio:auto;background:color-mix(in srgb,var(--ink) 4%,var(--paper))}
.social-photo-grid[data-count="1"] .social-photo-tile{height:auto;aspect-ratio:auto;background:transparent}
.social-photo-grid[data-count="1"] img{position:static;width:100%;height:auto;max-height:680px;object-fit:contain}
.social-photo-grid[data-count="2"]{aspect-ratio:1.6;grid-template-rows:minmax(0,1fr)}
.social-photo-grid[data-count="3"]{aspect-ratio:1.25}
.social-photo-grid[data-count="3"] .social-photo-tile:first-child{grid-row:span 2}
.social-photo-grid[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr));aspect-ratio:1.15;grid-template-rows:minmax(0,3fr) minmax(0,2fr)}
.social-photo-grid[data-count="5"] .social-photo-tile{grid-column:span 2}
.social-photo-grid[data-count="5"] .social-photo-tile:nth-child(-n+2){grid-column:span 3}
.social-photo-more{position:absolute;inset:0;display:grid;place-items:center;background:#08151b80;color:#fff;font:600 clamp(1.5rem,5vw,2.8rem) var(--sans);text-shadow:0 2px 6px #0008}
.social-post-video{width:100%;max-height:440px;display:block;margin:12px 0}
.social-post-card .collector-post-body{padding:10px 20px 8px}.social-post-card .collector-post-actions{margin:0;gap:12px}.social-post-card .heart-button{display:inline-flex!important;align-items:center;gap:7px;min-height:44px;padding:8px 10px;font:14px var(--sans);background:transparent;border:0;color:var(--ink);width:auto}.social-post-card .heart-button svg{width:19px!important;height:19px!important;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7}.social-post-card .heart-button[aria-pressed=true] svg{fill:currentColor}.social-post-card .collector-comments{margin-top:4px;padding-top:0}.social-post-card .collector-comments summary{font:14px var(--sans);gap:8px}.social-post-card .collector-status:empty{display:none}.social-post-card .club-post-actions{border-top:1px solid var(--line);padding-top:8px}.club-post.social-post-card{padding:0}.club-post.social-post-card .social-photo-grid{margin:0}.club-post.social-post-card .club-post-head{padding:16px 18px 0}.club-post.social-post-card .club-post-body{padding:12px 18px 14px}.club-post.social-post-card .club-label{margin:0 18px 12px}.club-post.social-post-card .club-post-actions{margin-top:0;padding:9px 12px}.club-post.social-post-card .club-post-actions button{min-height:44px}.club-post.social-post-card .club-comment-peek{margin-top:6px}.club-post.social-post-card .club-post-body{font-size:16px;white-space:pre-wrap}
.social-selected-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.social-selected-photos:empty{display:none}.social-selected-photos>div{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden}.social-selected-photos img{display:block;width:100%;height:100px;object-fit:cover}.social-selected-photos button{position:absolute;right:3px;top:3px;width:44px;height:44px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:50%;font:24px var(--sans)}
.social-photo-picker{padding:12px;border:1px dashed var(--ink);border-radius:8px;font-weight:600}.social-photo-help{font:13px/1.5 var(--sans);color:var(--muted);margin:12px 0 6px}.social-emojis{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.social-emojis button{min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);padding:6px 10px;font:14px var(--sans)}.social-emojis [data-emoji-options]{display:flex;flex-wrap:wrap;gap:4px}.social-emojis [data-emoji-options][hidden]{display:none}.social-emojis [data-emoji]{min-width:44px;font-size:20px}
.social-album-viewer{box-sizing:border-box;width:min(1000px,calc(100vw - 24px));max-width:1000px;max-height:calc(100dvh - 24px);padding:14px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:12px;overflow:auto}.social-album-viewer:not([open]){display:none}.social-album-viewer::backdrop{background:#071017d9}.social-album-viewer header,.social-album-viewer nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-album-viewer nav[hidden]{display:none}.social-album-viewer button{min-height:44px;padding:10px 16px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;font:15px var(--sans);cursor:pointer}.social-album-image{display:block;max-width:100%;width:100%;height:min(65dvh,650px);object-fit:contain;margin:12px 0}.social-album-viewer [role=status]{font:14px var(--sans)}.social-album-viewer :focus-visible,.social-post-card :focus-visible,.social-emojis :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.collector-page .profile-cover{height:180px}.collector-page .profile-copy{padding-bottom:16px}.collector-page .public-profile{margin-bottom:14px}.collector-quickbar{padding-bottom:10px;gap:10px}.collector-quickbar .community-actions{gap:8px}.collector-quickbar .button{font-size:13px;padding:8px 12px}.collector-quickbar .collector-privacy-summary{gap:8px;font-size:13px}.collector-count{max-width:740px;margin:16px auto 10px}
@media(max-width:600px){.social-post-head{padding:14px 14px 8px}.social-post-text{padding-inline:14px;font-size:16px}.social-post-card .collector-post-body{padding:8px 14px}.club-post.social-post-card{padding:0}.club-post.social-post-card .club-post-head{padding:14px 14px 0}.club-post.social-post-card .club-post-body{padding:10px 14px 12px}.club-post.social-post-card .club-label{margin-inline:14px}.collector-page .profile-cover{height:140px}.collector-quickbar .community-actions{width:auto}.social-album-viewer{padding:10px}.social-album-viewer nav{gap:6px}.social-album-viewer nav button{font-size:14px;padding:8px 10px}.social-selected-photos img{height:82px}.social-photo-grid[data-count="1"] img{max-height:560px}}