.feed-page { max-width: 680px; margin: 0 auto; padding: 24px 18px 40px; }
.feed-heading { margin: 4px 0 28px; padding-bottom: 22px; border-bottom: 2px solid #344333; }
.feed-heading h1 { font-size: clamp(1.7rem, 4vw, 2.4rem); line-height: 1.15; margin: 10px 0; }
.feed-heading p { margin-bottom: 16px; }
.feed-eyebrow { font: bold 11px monospace; letter-spacing: .14em; }
.feed-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 24px; }
.feed-card { background: #fffef3; color: #26352a; border: 1px solid #6b795f; box-shadow: 4px 4px 0 #d9dcc9; padding: 16px; min-width: 0; }
.feed-card h2 { font-size: 1.1rem; line-height: 1.4; margin: 12px 0; overflow-wrap: anywhere; }
.feed-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; font: 11px monospace; }
.feed-kind { text-transform: uppercase; border: 1px solid #8c967c; padding: 3px 7px; background: #e9eddd; }
.feed-media { display: block; width: 100%; max-height: 680px; object-fit: contain; background: #161d18; }
.feed-embed { display: block; width: min(100%, 450px); height: 640px; border: 0; margin: 0 auto; background: white; }
.feed-card-footer { margin-top: 14px; font-size: .85rem; overflow-wrap: anywhere; }
.feed-card-footer p { margin-top: 8px; color: #58624f; font-size: .8rem; }
.feed-pagination { display: flex; justify-content: space-between; margin-top: 28px; gap: 20px; }
.feed-empty { padding: 36px 0; }
.feed-compose { display: grid; gap: 14px; padding: 20px; }
.feed-compose label { display: grid; gap: 6px; }
.feed-compose input:not([type=file]), .feed-compose textarea { width: 100%; box-sizing: border-box; }
.feed-compose textarea { min-height: 95px; }
.feed-admin-list { max-width: 640px; margin: 24px auto; }
.feed-admin-list .feed-card > button { margin-top: 12px; }
.feed-draft { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; border: 1px solid #a6ac99; padding: 12px; }
.feed-draft img, .feed-draft video { width: 130px; max-height: 150px; object-fit: contain; }
.feed-install { padding: 16px 20px; line-height: 1.6; }
@media (max-width: 480px) { .feed-page { padding: 18px 8px; } .feed-card { padding: 12px; } .feed-embed { height: 570px; } }