/* A readable, responsive feed shared by All posts and Saved posts. */
.content.feed-content {padding:28px 32px 40px;background:#060801;scrollbar-gutter:stable;scroll-padding:24px}
.post-feed {width:100%;max-width:820px;margin:0 auto}
.feed-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px 20px;color:var(--muted);font-size:10px;line-height:1.6}
.feed-heading>span:first-child {display:flex;align-items:center;gap:9px;color:#e6edcd}
.feed-heading>span:first-child:before {content:'';width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}
.feed-cards {display:grid;gap:18px}
.feed-card {min-width:0;padding:26px 28px 16px;border:1px solid #323d15;border-radius:18px;background:#101506;box-shadow:0 4px 16px #0003;transition:border-color .18s ease,box-shadow .18s ease;scroll-margin:24px}
.feed-card:focus-within {border-color:#617522;box-shadow:0 0 0 1px #617522}
.feed-card-header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.feed-card .post-author {gap:12px}
.feed-card .post-author-avatar {width:42px;height:42px}
.feed-card .post-author-name {font-size:13px}
.feed-card .post-author-handle {font-size:10px;margin-top:5px}
.feed-post-meta {display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none}
.feed-post-meta time {font-size:10px;color:#bdc99a;white-space:nowrap}
.feed-kind {font-size:9px;line-height:1.5;color:var(--muted)}
.feed-kind-context {color:var(--lime)}
.feed-text {margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;font-weight:350;line-height:1.85;letter-spacing:-.15px;color:#ecf0df}
.feed-text-collapsed {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}
.feed-text a {text-decoration:underline;text-decoration-color:#c3ff0060;text-underline-offset:4px}
.feed-text a:hover {text-decoration-color:var(--lime)}
.feed-expand {padding:8px 0;border:0;background:transparent;color:var(--lime);min-height:40px;font-size:11px;margin-top:3px}
.feed-expand:hover {background:transparent;text-decoration:underline;text-underline-offset:4px}
.feed-media {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:20px;border-radius:12px;overflow:hidden;outline:1px solid #ffffff1a}
.feed-media[data-count="1"] {grid-template-columns:minmax(0,1fr)}
.feed-media[data-count="3"] .feed-media-item:first-child {grid-row:span 2}
.feed-media-item {display:grid;grid-template-rows:minmax(0,1fr);position:relative;place-items:center;min-width:0;min-height:160px;aspect-ratio:4/3;border:0;border-radius:0;background:#070901;padding:0;overflow:hidden;color:#e6edcd}
.feed-media[data-count="1"] .feed-media-item {aspect-ratio:auto;height:280px}
.feed-media-item img {display:block;min-height:0;width:100%;height:100%;max-height:440px;object-fit:cover;transition:opacity .18s ease}
.feed-media[data-count="1"] img {height:100%;object-fit:contain}
.feed-media-item img[hidden],.feed-media-fallback[hidden] {display:none}
.feed-media-label,.feed-media-extra {position:absolute;bottom:12px;left:12px;padding:9px 12px;background:#000d;border:1px solid #ffffff26;border-radius:7px;font-size:10px;line-height:1.5;color:var(--lime)}
.feed-media-extra {inset:0;display:grid;place-content:center;font-size:24px;border-radius:0;margin:0}
.feed-media-fallback {display:block;text-align:center;padding:28px 16px;font-size:12px;line-height:1.8}
.feed-media-fallback small {color:var(--muted);font-size:10px}
.feed-topics {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.feed-topics button {font-size:9px;color:#c9d9a6;min-height:40px;position:relative;border:0;padding:0 10px;isolation:isolate;background:transparent}
.feed-topics button:before {content:'';position:absolute;inset:7px 0;border-radius:5px;background:#263214;z-index:-1;transition:background .15s ease}
.feed-topics button:hover:before {background:#39491b}
.feed-repeats {display:flex;align-items:center;gap:8px;min-height:40px;margin-top:10px;padding:8px 0;border:0;color:var(--muted);font-size:10px;background:transparent;text-align:left}
.feed-card-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin-top:20px;padding-top:12px;border-top:1px solid #2e3910}
.feed-metrics {display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:#bac99a;font-size:10px;line-height:1.6}
.feed-stat {display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.feed-stat-label {color:#a5b379;font-size:9px}
.feed-icon {width:15px;height:15px;flex:none;vertical-align:middle}
.feed-stat .feed-icon {color:#97a973}
.feed-actions {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-left:auto}
.feed-open-actions {display:flex;align-items:center;gap:8px}
.feed-actions button,.feed-source {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 10px;border-radius:7px;font-size:10px;line-height:1.5;transition:background .15s ease,color .15s ease,border-color .15s ease,scale .15s ease}
.feed-actions .bookmark-button {border-color:transparent;color:#bdc99a;background:transparent}
.feed-actions .bookmark-button[aria-pressed=true] {color:var(--lime);background:#25320c}
.feed-source {color:#bdc99a}
.feed-actions .feed-details {color:var(--lime);border-color:#465718;background:#1c260b}
.feed-pagination {display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 12px 6px;font-size:10px;line-height:1.7;color:var(--muted)}
.feed-pagination p {margin:0}
.feed-pagination button {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border-radius:8px;padding:12px 20px;color:var(--lime);background:#1c260b;font-size:11px}
@media(hover:hover) {
 .feed-card:hover {border-color:#4b5c22}
 .feed-actions button:hover,.feed-source:hover,.feed-pagination button:hover {background:#2a3910;color:var(--lime)}
 .feed-media-item:hover img {opacity:.85}
}
.feed-actions button:active,.feed-source:active,.feed-pagination button:active {scale:.96}
@container(max-width:600px) {
 .content.feed-content {padding:18px 14px 30px}
 .feed-card {padding:20px 20px 12px;border-radius:14px}
 .feed-heading {font-size:9px;padding-bottom:16px}
 .feed-card-header {gap:10px;margin-bottom:20px}
 .feed-card .post-author-avatar {width:36px;height:36px}
 .feed-card .post-author {gap:9px}
 .feed-card .post-author-name {font-size:12px}
 .feed-card .post-author-handle {font-size:9px}
 .feed-post-meta time {font-size:9px}
 .feed-text {font-size:13px}
 .feed-metrics {gap:14px}
 .feed-stat-label {display:none}
 .feed-open-actions {gap:2px}
 .feed-actions button,.feed-source {padding-inline:8px;font-size:9px;gap:5px}
 .feed-actions {width:100%;margin-top:2px}
 .feed-media[data-count="1"] .feed-media-item {height:220px}
 .feed-media-item {min-height:120px}
}
@container(max-width:370px) {
 .content.feed-content {padding:14px 8px 24px}
 .feed-card {padding:18px 14px 10px;border-radius:12px}
 .feed-cards {gap:12px}
 .feed-heading {flex-wrap:wrap;gap:8px}.feed-heading>span:last-child {font-size:8px}
 .feed-card-header {align-items:flex-start}
 .feed-card .post-author-avatar {width:32px;height:32px}
 .feed-post-meta {gap:5px}
 .feed-post-meta time {font-size:8px}
 .feed-kind {font-size:8px}
 .feed-card .post-author-name {font-size:11px}
 .feed-card .post-author-handle {font-size:8px}
 .feed-text {font-size:12px;line-height:1.9}
 .feed-actions {flex-wrap:wrap}
 .feed-open-actions {margin-left:auto}
 .feed-source .feed-icon {display:none}
}
@media(prefers-reduced-motion:reduce) {
 .feed-card,.feed-actions button,.feed-source,.feed-pagination button,.feed-media-item img,.feed-topics button:before {transition:none}
 .feed-actions button:active,.feed-source:active,.feed-pagination button:active {scale:1}
}