/* Quiet interaction controls keep the summary and the photo dominant. */
.record-social{display:flex;align-items:center;justify-content:space-between;gap:3px;border-top:1px solid #efefe9;margin-top:7px;padding-top:2px}
.record-social-actions{display:flex;align-items:center;gap:0;flex-shrink:0}
.record-social button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#93938a;border-radius:20px;padding:0 3px}
.record-publisher{display:flex;align-items:center;gap:4px;min-width:0;flex:1;color:#83837a;font-size:10px;line-height:1.5}
.publisher-avatar{display:block;width:22px;height:22px;border-radius:50%;overflow:hidden;background:#eeede7;flex-shrink:0}
.record-social .publisher-avatar svg{display:block;width:100%;height:100%;stroke:none}
.publisher-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-social svg{width:17px;height:17px;stroke-width:1.6}
.record-social .liked{color:#d26568}.record-social .liked svg{fill:#d26568;stroke:#d26568}
.records.is-grid .save-button svg,.detail-save svg{width:18px;height:18px}
.records.is-list .record-copy{padding-right:30px}.records.is-list .record-copy h3{padding-right:0}.records.is-list .record-social{border:0;margin:4px 0 -8px;padding:0;gap:10px}
.records.is-list .record-social button{min-height:36px}.records.is-list .record-row{align-items:flex-start}.records.is-list .thumb{margin-top:3px}
.records.is-grid .record-copy{padding-bottom:3px}
.detail-social{border:0;margin:10px 0 0;padding:0;gap:12px}.detail-social button{min-width:52px;font-size:13px;justify-content:center}.detail-social svg{width:21px;height:21px}.detail-social .publisher-avatar{width:28px;height:28px}.detail-social .record-publisher{font-size:12px;gap:7px}
.album-comments-section{border-top:1px solid #e7e6dd;margin-top:25px;padding-top:22px;scroll-margin-top:88px}
.album-comments-heading h2{font-size:16px;font-weight:600;color:#292925}.album-comments-heading h2 span{font-size:12px;font-weight:400;color:#9b9b90;margin-left:4px}
.record-likers{display:flex;align-items:center;gap:9px;min-height:48px;font-size:11px;color:#949488;line-height:1.6}
.liker-portraits{display:flex;padding-left:5px;flex-shrink:0}.liker-portraits>span{display:grid;place-items:center;width:23px;height:23px;margin-left:-5px;border:2px solid #faf9f6;border-radius:50%;background:#e8e5db;color:#85816e;font-size:9px}
.album-comment{display:flex;align-items:flex-start;gap:10px;padding:14px 0;border-bottom:1px solid #eeede5}
.comment-avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#eae8dd;color:#827e69;font-size:12px}
.album-comment>div{flex:1;min-width:0}.comment-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.comment-heading strong{font-size:12px;font-weight:550;color:#65655c}.comment-heading small{font-size:9px;color:#aaa99c;margin-left:7px;font-weight:400}.comment-heading time{font-size:10px;color:#a1a192;white-space:nowrap}
.album-comment p{font-size:13px;line-height:1.7;color:#4f4f48;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.album-comment .reply-name{color:#9a9787}
.album-comment button{min-height:36px;font-size:11px;color:#949382;padding:0 5px;margin:0 0 -8px -5px}
.comments-empty{padding:18px 0!important;font-size:12px!important;color:#a2a192!important}
#album-comment-form{margin-top:19px;padding:15px;border-radius:20px;background:#efeee7;scroll-margin-bottom:90px}
.comment-input-label{display:block;font-size:12px;font-weight:500;margin-bottom:10px;color:#6b6b60}
#album-comment-input{display:block;width:100%;resize:vertical;min-height:76px;max-height:180px;border:0;border-radius:13px;padding:11px 12px;background:#fff;color:#3f3f36;font:inherit;font-size:16px;line-height:1.5;outline-offset:2px;box-sizing:border-box}
#album-comment-input::placeholder{font-size:12px;color:#b0b0a5}
.comment-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.comment-compose-footer>span{font-size:10px;color:#aaa99b;line-height:1.5}.comment-send{min-width:62px;min-height:40px;border-radius:22px;background:#272723;color:#fff;font-size:12px;font-weight:500;padding:0 15px}.comment-send:disabled{opacity:.35}
.comment-reply-target{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#817e6c;margin-bottom:8px}.comment-reply-target button{display:grid;place-items:center;min-width:32px;min-height:32px}.comment-reply-target svg{width:14px;height:14px}
textarea:focus-visible{outline:2px solid #78786e}
@media(max-width:360px){.record-social{gap:2px}.record-social button{font-size:10px;gap:3px}.record-publisher{gap:3px;font-size:10px}.publisher-avatar{width:20px;height:20px}.detail-content{padding-inline:19px}}

/* Three compact controls fit beside the publisher in a two-column card. */
.records.is-grid .record-social button{min-width:30px;min-height:44px;padding:0 1px;gap:3px}
.record-social .record-stamp.has-stamps{color:#7c735f}