.content-heading{color:#fff;text-align:center;text-shadow:0 2px 8px #0000006b;margin:0 0 8px;padding:10px}.content-heading h1{margin:0;font-size:32px;font-weight:700;line-height:1.3}.content-heading p{letter-spacing:1px;margin:5px 0 0;font-size:13px}.post-list{gap:18px;display:grid}.post-card{background:var(--card-surface);border:0;border-radius:5px;height:300px;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:1px 1px 3px 1px #0003}.post-card:hover{box-shadow:1px 1px 5px 2px #0000004d}.post-card>a{color:#fff;display:block;position:absolute;inset:0}.post-card-media{position:absolute;inset:0;overflow:hidden}.post-cover{object-fit:cover;transition:transform .24s,filter .24s;transform:scale(1.012)}.post-card:hover .post-cover{filter:blur(3px);transform:scale(1.035)}.post-card-shade{background:#0000004d;transition:background .24s;position:absolute;inset:0}.post-card:hover .post-card-shade{background:#0009}.post-card-content{z-index:1;color:#fff;text-shadow:0 1px 4px #000000a8;height:100%;padding:133px 20px 0;transition:padding .24s;display:block;position:relative}.post-card-content h2{text-shadow:0 0 3px #fff;text-align:center;overflow-wrap:anywhere;max-width:720px;margin:5px 0 10px;padding-bottom:1px;font-size:22px;font-weight:400;line-height:1.1}.post-card-content h2>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.post-card-content p{-webkit-line-clamp:2;opacity:0;-webkit-box-orient:vertical;max-width:740px;margin:0 0 10px;font-size:14px;line-height:1.85;transition:opacity .24s,transform .24s;display:-webkit-box;position:absolute;top:164px;left:20px;right:20px;overflow:hidden;transform:translateY(-10px)}.post-card-excerpt-placeholder{min-height:56px}.post-card-meta{color:#ffffffe6;opacity:0;flex-wrap:wrap;align-items:center;gap:15px;min-height:24px;margin-top:0;font-size:12px;transition:opacity .24s,transform .24s;display:flex;position:absolute;bottom:19px;left:15px;right:15px;transform:translateY(-10px)}.post-card-meta span{align-items:center;gap:5px;display:inline-flex}.post-card:hover .post-card-content{padding-top:81px}.post-card:hover .post-card-content p,.post-card:hover .post-card-meta{opacity:1;transform:translateY(0)}.post-card.no-cover .post-card-content{background:#313748db}.post-card{margin-left:5px;margin-right:5px}.empty-result{text-align:center;margin:0;padding:28px}.not-found{text-align:center;padding:70px 30px}.not-found strong{color:#4fa66a;font-size:72px;line-height:1;display:block}.not-found h1{margin:17px 0 20px;font-size:22px}.not-found a{color:#399a59}@media (max-width:767px){.content-heading{margin-bottom:15px;padding:15px}.content-heading h1{font-size:32px}.content-heading p{margin-top:0;font-size:13px}.post-card{background:var(--card-surface);height:auto;margin-left:15px;margin-right:15px;box-shadow:1px 1px 3px 1px #0003}.post-card:hover{box-shadow:1px 1px 3px 1px #0003}.post-card>a{color:var(--text);position:static}.post-card-media{height:220px;position:relative;inset:auto}.post-cover,.post-card:hover .post-cover{filter:none;transition:none;transform:none}.post-card-shade{display:none}.post-card-content,.post-card:hover .post-card-content,.post-card.no-cover .post-card-content{height:auto;min-height:0;color:var(--text);text-shadow:none;background:0 0;padding:20px;transition:none;display:block}.post-card-content h2{min-width:0;color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;margin:5px 0 10px;font-size:22px;line-height:1.1;display:flex;overflow:hidden}.post-card-content p,.post-card:hover .post-card-content p{height:56px;min-height:56px;color:var(--muted);opacity:1;margin:0 0 10px;line-height:2;display:-webkit-box;position:static;transform:none}.post-card-meta,.post-card:hover .post-card-meta{min-height:24px;color:var(--muted);opacity:1;margin:0 0 0 -5px;padding:6px;font-size:13px;line-height:1.42857;position:static;transform:none}}@media (max-width:560px){.post-card-media{height:185px}.post-card-content,.post-card:hover .post-card-content,.post-card.no-cover .post-card-content{padding:20px}.post-card-content p,.post-card:hover .post-card-content p{height:84px;min-height:84px}.post-card-meta,.post-card:hover .post-card-meta{gap:9px;padding:3px}}
