.csf-wall{--csf-g:#006837;--csf-gd:#025529;--csf-bg:#f3f7f4;--csf-bd:#e1e7e3;--csf-mut:#5b6660;--csf-ink:#1f2421;color:var(--csf-ink);font-size:15px;line-height:1.55;margin:0 auto}
.csf-wall *{box-sizing:border-box}
.csf-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 18px}
.csf-filters{display:flex;flex-wrap:wrap;gap:8px}
.csf-filters button,.csf-follow a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--csf-bd);background:#fff;color:var(--csf-gd);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}
.csf-filters button:hover,.csf-follow a:hover{border-color:var(--csf-g);background:var(--csf-bg)}
.csf-filters button[aria-pressed=true]{background:var(--csf-g);border-color:var(--csf-g);color:#fff}
.csf-filters i,.csf-follow i,.csf-net i{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.csf-filters button[aria-pressed=true] i{box-shadow:0 0 0 2px #fff}
.csf-filters button:focus-visible,.csf-follow a:focus-visible,.csf-load:focus-visible,.csf-newbar button:focus-visible,.csf-more:focus-visible,.csf-media:focus-visible,.csf-f a:focus-visible{outline:3px solid #9fd8b4;outline-offset:2px}
.csf-live{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--csf-g)}
.csf-live i{width:9px;height:9px;border-radius:50%;background:#1aa555;box-shadow:0 0 0 0 rgba(26,165,85,.6);animation:csf-pulse 2s infinite}
@keyframes csf-pulse{0%{box-shadow:0 0 0 0 rgba(26,165,85,.55)}70%{box-shadow:0 0 0 9px rgba(26,165,85,0)}100%{box-shadow:0 0 0 0 rgba(26,165,85,0)}}
@media (prefers-reduced-motion:reduce){.csf-live i{animation:none}.csf-card{transition:none!important}}
.csf-newbar{position:sticky;top:12px;z-index:5;display:flex;justify-content:center;margin:0 0 12px}
.csf-newbar[hidden]{display:none}
.csf-newbar button{border:0;border-radius:999px;background:var(--csf-gd);color:#fff;font:inherit;font-size:14px;font-weight:700;padding:9px 20px;cursor:pointer;box-shadow:0 6px 18px rgba(2,85,41,.25)}
.csf-newbar button::before{content:"↑ "}
/* Grid: CSS grid without JavaScript, balanced columns with it. */
.csf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.csf-wall[data-cols="1"] .csf-grid{grid-template-columns:1fr}
.csf-wall[data-cols="2"] .csf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.csf-wall[data-cols="4"] .csf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.csf-js .csf-grid{display:flex;gap:18px;align-items:flex-start}
.csf-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:18px}
@media (max-width:900px){.csf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.csf-grid{grid-template-columns:1fr!important}}
.csf-card{background:#fff;border:1px solid var(--csf-bd);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.csf-card:hover{box-shadow:0 8px 24px rgba(2,85,41,.10);transform:translateY(-2px)}
.csf-card.csf-pinned{border-color:#b9dcc6}
.csf-card.csf-fresh{animation:csf-in .6s ease-out}
@keyframes csf-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.csf-h{display:flex;align-items:center;gap:11px;padding:14px 16px 12px}
.csf-av{width:40px;height:40px;border-radius:50%;border:1px solid var(--csf-bd);object-fit:cover;background:#fff;flex:none}
.csf-who{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.3}
.csf-who b{font-size:15px;color:var(--csf-ink)}
.csf-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--csf-mut)}
.csf-net{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.csf-pin{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--csf-gd);background:#dff1e5;border-radius:6px;padding:3px 7px}
.csf-media{position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:#0d1511;cursor:pointer;line-height:0}
.csf-media img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover}
.csf-yt img{height:auto;max-height:none}
.csf-yt img{aspect-ratio:16/9}
.csf-play{position:absolute;left:50%;top:50%;width:62px;height:44px;margin:-22px 0 0 -31px;border-radius:12px;background:rgba(0,0,0,.72);transition:background .15s}
.csf-play::after{content:"";position:absolute;left:25px;top:13px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.csf-media:hover .csf-play{background:#E62117}
.csf-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.csf-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.csf-b{padding:12px 16px 4px}
.csf-t{font-size:16px!important;line-height:1.35!important;font-weight:700!important;margin:0 0 6px!important;padding:0!important;color:var(--csf-ink)}
.csf-x{font-size:14.5px;line-height:1.6;color:#2b322e;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.csf-x.csf-open{display:block;-webkit-line-clamp:unset}
.csf-x a{color:var(--csf-g);text-decoration:none;font-weight:600}
.csf-x a:hover{text-decoration:underline}
.csf-more{border:0;background:none;padding:4px 0 0;font:inherit;font-size:14px;font-weight:700;color:var(--csf-g);cursor:pointer}
.csf-more[hidden]{display:none}
.csf-f{padding:8px 16px 14px;margin-top:auto}
.csf-f a{font-size:13.5px;font-weight:700;color:var(--csf-g);text-decoration:none}
.csf-f a:hover{text-decoration:underline}
.csf-empty{text-align:center;padding:40px 20px;background:var(--csf-bg);border-radius:18px;color:var(--csf-mut)}
.csf-empty[hidden]{display:none}
.csf-foot{display:flex;justify-content:center;margin:22px 0 0}
.csf-load{border:1px solid var(--csf-g);background:#fff;color:var(--csf-g);border-radius:999px;padding:11px 26px;font:inherit;font-weight:700;cursor:pointer}
.csf-load:hover{background:var(--csf-bg)}
.csf-load[hidden]{display:none}
.csf-load[aria-busy=true]{opacity:.6;cursor:progress}
.csf-follow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:24px 0 0}
.csf-follow>span{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--csf-mut);margin-right:4px}
.csf-embed:hover{transform:none;box-shadow:none}
.csf-fbbox{display:flex;justify-content:center;min-height:320px;padding:0 6px;background:#fff}
.csf-fbbox iframe{display:block;border:0;max-width:100%;overflow:hidden}
.csf-fbbox noscript a{display:block;padding:20px 16px;font-weight:700;color:var(--csf-g)}
.csf-one .csf-top{justify-content:flex-end}
.csf-one .csf-x{-webkit-line-clamp:8}
.csf-one .csf-nomedia .csf-x{-webkit-line-clamp:16;font-size:15.5px}
.csf-one .csf-n-x .csf-x{display:block;-webkit-line-clamp:unset;overflow:visible}
.csf-one .csf-media img{max-height:260px}
.csf-one .csf-fbbox iframe{height:500px}
.csf-js.csf-one .csf-grid{align-items:stretch}
.csf-one .csf-col>.csf-card{flex:1 1 auto}