.kahfi-posts{background:#f2f5f9;color:#17253b;padding:72px 28px;font-family:Arial,sans-serif}.kahfi-posts *{box-sizing:border-box}.kahfi-posts-inner{max-width:1180px;margin:auto}.kahfi-posts-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;color:#004aad;margin:0 0 14px}.kahfi-posts h2{font:700 36px/1.2 Arial,sans-serif;color:#17253b;margin:0 0 20px}.kahfi-posts-intro{font-size:16px;line-height:1.7;color:#5d6a7d;margin:0 0 26px;max-width:780px}.kahfi-posts-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:28px}.kahfi-posts-controls[hidden],.kahfi-posts [hidden]{display:none!important}.kahfi-posts-controls button{padding:10px 20px;border:1px solid #d5deea;background:white;border-radius:24px;cursor:pointer;font:700 14px/1.4 Arial;color:#334962}.kahfi-posts-controls button[aria-pressed=true]{background:#004aad;color:white;border-color:#004aad}.kahfi-posts-count{margin-left:auto;color:#5d6a7d;font-size:13px}.kahfi-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kahfi-post-card{background:white;border:1px solid #dee5ef;border-radius:14px;overflow:hidden;min-width:0}.kahfi-post-link{display:flex;flex-direction:column;height:100%;text-decoration:none!important;color:inherit!important}.kahfi-post-cover{position:relative;aspect-ratio:16/10;background:#e2eaf4;overflow:hidden}.kahfi-post-cover>img{width:100%;height:100%;object-fit:cover;display:block}.kahfi-post-badge{position:absolute;left:16px;bottom:16px;padding:6px 12px;background:#fff;color:#004aad;border-radius:20px;font-size:12px;font-weight:700}.kahfi-post-card[data-post-kind=kegiatan] .kahfi-post-badge{background:#ffd043;color:#17253b}.kahfi-post-placeholder{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(135deg,#e4ecf6,#ceddef);color:#557393}.kahfi-post-placeholder svg{width:52px;height:52px}.kahfi-post-placeholder span{font-size:10px;letter-spacing:1.2px;font-weight:700}.kahfi-post-body{padding:23px;display:flex;flex-direction:column;flex:1;gap:13px}.kahfi-post-body time{font-size:12px;color:#627187}.kahfi-post-body h3{font:700 21px/1.35 Arial;color:#17253b;margin:0;overflow-wrap:anywhere}.kahfi-post-body p{font-size:14px;line-height:1.7;color:#5d6a7d;margin:0}.kahfi-post-read{font-size:13px;font-weight:700;color:#004aad;padding-top:7px;margin-top:auto}.kahfi-post-link:hover h3{color:#004aad}.kahfi-posts-all{display:inline-block;font-size:14px;font-weight:700;color:#004aad;margin-top:28px;text-decoration:none}.kahfi-posts button:focus-visible,.kahfi-posts a:focus-visible{outline:3px solid #e5ad00;outline-offset:-3px}.kahfi-posts-empty,.kahfi-posts-empty-filter{background:white;border:1px solid #dee5ef;border-radius:12px;padding:26px;line-height:1.6;color:#5d6a7d}@media(max-width:1024px){.kahfi-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.kahfi-posts{padding:48px 20px}.kahfi-posts h2{font-size:28px}.kahfi-posts-grid{grid-template-columns:1fr}.kahfi-posts-count{width:100%;margin:4px 0 0}.kahfi-post-body{padding:21px}.kahfi-posts-controls button{padding:9px 18px}}
