.ppb30-wrap{box-sizing:border-box;width:100%;margin:28px 0;font-family:inherit;--ppb30-gap:24px;--ppb30-radius:18px;--ppb30-border:#e8edf3;--ppb30-text:#111827;--ppb30-muted:#6b7280;--ppb30-soft:#f7f9fc;--ppb30-accent:#0f7b8f;--ppb30-dark:#111827}.ppb30-wrap *{box-sizing:border-box}.ppb30-grid{display:grid;grid-template-columns:repeat(var(--ppb30-cols-d,3),minmax(0,1fr));gap:var(--ppb30-gap)}.ppb30-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--ppb30-border);border-radius:var(--ppb30-radius);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ppb30-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,23,42,.1)}.ppb30-image{display:block;position:relative;overflow:hidden;background:#eef3f8;color:inherit;text-decoration:none}.ppb30-image:before{content:"";display:block;padding-top:56.25%}.ppb30-ratio-4-3 .ppb30-image:before{padding-top:75%}.ppb30-ratio-1-1 .ppb30-image:before{padding-top:100%}.ppb30-ratio-3-4 .ppb30-image:before{padding-top:133%}.ppb30-ratio-auto .ppb30-image:before{display:none}.ppb30-ratio-auto .ppb30-image{height:auto}.ppb30-img,.ppb30-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center}.ppb30-ratio-auto .ppb30-img{position:static;height:auto}.ppb30-placeholder{font-size:42px;font-weight:800;background:linear-gradient(135deg,#e9f7f9,#f7f1ff);color:#0f7b8f}.ppb30-content{padding:20px}.ppb30-category{display:inline-flex;align-items:center;max-width:100%;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:#e9f7f9;color:#0f6d80;font-size:12px;font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.ppb30-title{margin:0 0 10px;font-size:clamp(18px,2vw,24px);line-height:1.25}.ppb30-title a{color:var(--ppb30-text);text-decoration:none}.ppb30-title a:hover{color:var(--ppb30-accent)}.ppb30-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;color:var(--ppb30-muted);font-size:13px;line-height:1.4}.ppb30-excerpt{margin:0 0 16px;color:#4b5563;font-size:15px;line-height:1.65}.ppb30-readmore{display:inline-flex;align-items:center;gap:8px;color:#0f7b8f;font-size:14px;font-weight:700;text-decoration:none}.ppb30-readmore:after{content:"→";transition:transform .2s ease}.ppb30-readmore:hover:after{transform:translateX(3px)}.ppb30-viewall{text-align:center;margin-top:26px}.ppb30-viewall a{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;background:#111827;color:#fff;text-decoration:none;font-weight:700}.ppb30-empty{padding:22px;border:1px dashed #ccd6e1;border-radius:12px;background:#f8fafc;color:#64748b;text-align:center}
@media(max-width:900px){.ppb30-grid{grid-template-columns:repeat(var(--ppb30-cols-t,2),minmax(0,1fr))}}@media(max-width:600px){.ppb30-grid{grid-template-columns:repeat(var(--ppb30-cols-m,1),minmax(0,1fr));gap:18px}.ppb30-content{padding:17px}.ppb30-title{font-size:20px}}
/* 1 Classic */.ppb30-style-classic-grid .ppb30-card{box-shadow:none}.ppb30-style-classic-grid .ppb30-image{border-radius:var(--ppb30-radius) var(--ppb30-radius) 0 0}
/* 2 Magazine */.ppb30-style-magazine-grid .ppb30-grid{align-items:stretch}.ppb30-style-magazine-grid .ppb30-card:first-child{grid-column:span 2;grid-row:span 2}.ppb30-style-magazine-grid .ppb30-card:first-child .ppb30-title{font-size:clamp(26px,3vw,42px)}.ppb30-style-magazine-grid .ppb30-card:first-child .ppb30-image:before{padding-top:62%}.ppb30-style-magazine-grid .ppb30-card:not(:first-child){display:grid;grid-template-columns:120px 1fr}.ppb30-style-magazine-grid .ppb30-card:not(:first-child) .ppb30-image:before{padding-top:100%}.ppb30-style-magazine-grid .ppb30-card:not(:first-child) .ppb30-content{padding:14px}.ppb30-style-magazine-grid .ppb30-card:not(:first-child) .ppb30-excerpt,.ppb30-style-magazine-grid .ppb30-card:not(:first-child) .ppb30-readmore{display:none}@media(max-width:760px){.ppb30-style-magazine-grid .ppb30-card:first-child{grid-column:auto}.ppb30-style-magazine-grid .ppb30-card:not(:first-child){display:block}}
/* 3 Masonry */.ppb30-style-masonry-grid .ppb30-grid{display:block;column-count:var(--ppb30-cols-d,3);column-gap:var(--ppb30-gap)}.ppb30-style-masonry-grid .ppb30-card{break-inside:avoid;margin:0 0 var(--ppb30-gap);display:inline-block;width:100%}.ppb30-style-masonry-grid .ppb30-card:nth-child(3n+1) .ppb30-image:before{padding-top:120%}.ppb30-style-masonry-grid .ppb30-card:nth-child(3n+2) .ppb30-image:before{padding-top:72%}@media(max-width:900px){.ppb30-style-masonry-grid .ppb30-grid{column-count:var(--ppb30-cols-t,2)}}@media(max-width:600px){.ppb30-style-masonry-grid .ppb30-grid{column-count:var(--ppb30-cols-m,1)}}
/* 4 Overlay */.ppb30-style-overlay-grid .ppb30-card{border:0;min-height:320px}.ppb30-style-overlay-grid .ppb30-image{position:absolute;inset:0;height:100%}.ppb30-style-overlay-grid .ppb30-image:before{padding-top:0;height:100%}.ppb30-style-overlay-grid .ppb30-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.78))}.ppb30-style-overlay-grid .ppb30-content{position:relative;z-index:2;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.ppb30-style-overlay-grid .ppb30-title a,.ppb30-style-overlay-grid .ppb30-meta,.ppb30-style-overlay-grid .ppb30-excerpt,.ppb30-style-overlay-grid .ppb30-readmore{color:#fff}.ppb30-style-overlay-grid .ppb30-category{background:rgba(255,255,255,.9);color:#111827;align-self:flex-start}
/* 5 Border */.ppb30-style-border-card .ppb30-card{border:2px solid #e5e7eb;border-radius:8px;box-shadow:none}.ppb30-style-border-card .ppb30-card:hover{border-color:#0f7b8f;box-shadow:none}.ppb30-style-border-card .ppb30-content{padding:18px}.ppb30-style-border-card .ppb30-category{background:#fff;border:1px solid #dbe6ed}
/* 6 Soft shadow */.ppb30-style-soft-shadow .ppb30-card{border:0;box-shadow:0 10px 30px rgba(31,41,55,.08)}.ppb30-style-soft-shadow .ppb30-card:hover{box-shadow:0 22px 55px rgba(31,41,55,.14)}
/* 7 Compact */.ppb30-style-compact-grid .ppb30-card{display:grid;grid-template-columns:92px 1fr;align-items:center;border-radius:14px}.ppb30-style-compact-grid .ppb30-image:before{padding-top:100%}.ppb30-style-compact-grid .ppb30-content{padding:12px}.ppb30-style-compact-grid .ppb30-title{font-size:16px;margin-bottom:4px}.ppb30-style-compact-grid .ppb30-category,.ppb30-style-compact-grid .ppb30-readmore{display:none}
/* 8 Horizontal */.ppb30-style-horizontal-grid .ppb30-grid{grid-template-columns:1fr}.ppb30-style-horizontal-grid .ppb30-card{display:grid;grid-template-columns:minmax(220px,36%) 1fr;align-items:stretch}.ppb30-style-horizontal-grid .ppb30-image:before{height:100%;padding-top:0}.ppb30-style-horizontal-grid .ppb30-content{padding:26px}@media(max-width:640px){.ppb30-style-horizontal-grid .ppb30-card{grid-template-columns:1fr}.ppb30-style-horizontal-grid .ppb30-image:before{padding-top:56.25%}}
/* 9 News */.ppb30-style-news-grid .ppb30-card{border:0;border-bottom:1px solid #d8dee8;border-radius:0;background:transparent;display:grid;grid-template-columns:150px 1fr;gap:16px;padding-bottom:18px}.ppb30-style-news-grid .ppb30-card:hover{transform:none;box-shadow:none}.ppb30-style-news-grid .ppb30-image{border-radius:8px}.ppb30-style-news-grid .ppb30-image:before{padding-top:70%}.ppb30-style-news-grid .ppb30-content{padding:0}.ppb30-style-news-grid .ppb30-title{font-size:19px}@media(max-width:520px){.ppb30-style-news-grid .ppb30-card{grid-template-columns:1fr}.ppb30-style-news-grid .ppb30-content{padding:0 2px}}
/* 10 Affiliate */.ppb30-style-affiliate-review .ppb30-card{border:1px solid #e2e8f0}.ppb30-style-affiliate-review .ppb30-card:before{content:"Review";position:absolute;top:14px;left:14px;z-index:2;background:#111827;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.ppb30-style-affiliate-review .ppb30-content{padding:22px}.ppb30-style-affiliate-review .ppb30-readmore{padding:10px 14px;border-radius:10px;background:#0f7b8f;color:#fff}.ppb30-style-affiliate-review .ppb30-readmore:after{content:""}
/* 11 Dark */.ppb30-style-dark-grid{padding:24px;border-radius:24px;background:#0b1220}.ppb30-style-dark-grid .ppb30-card{background:#111827;border-color:rgba(255,255,255,.08)}.ppb30-style-dark-grid .ppb30-title a,.ppb30-style-dark-grid .ppb30-excerpt{color:#f8fafc}.ppb30-style-dark-grid .ppb30-meta{color:#aab4c4}.ppb30-style-dark-grid .ppb30-category{background:#243244;color:#e0f2fe}.ppb30-style-dark-grid .ppb30-readmore{color:#93e5f6}
/* 12 Soft color */.ppb30-style-soft-color .ppb30-card{background:#f8fbff;border:0}.ppb30-style-soft-color .ppb30-card:nth-child(3n+1){background:#f3fbf9}.ppb30-style-soft-color .ppb30-card:nth-child(3n+2){background:#fff8f0}.ppb30-style-soft-color .ppb30-card:nth-child(3n+3){background:#f7f4ff}.ppb30-style-soft-color .ppb30-image{margin:14px 14px 0;border-radius:16px}
/* 13 Numbered */.ppb30-style-numbered-grid .ppb30-card{padding-top:34px}.ppb30-style-numbered-grid .ppb30-card:before{counter-increment:ppbnum;content:counter(ppbnum,decimal-leading-zero);position:absolute;top:12px;right:18px;z-index:3;font-size:34px;font-weight:900;color:rgba(15,123,143,.18)}.ppb30-style-numbered-grid .ppb30-grid{counter-reset:ppbnum}.ppb30-style-numbered-grid .ppb30-image{margin:0 16px;border-radius:14px}.ppb30-style-numbered-grid .ppb30-content{padding-top:16px}
/* 14 Text-only */.ppb30-style-text-only .ppb30-card{padding:22px;background:#fff;border-left:5px solid #0f7b8f;border-radius:12px}.ppb30-style-text-only .ppb30-content{padding:0}.ppb30-style-text-only .ppb30-excerpt{font-size:16px}.ppb30-style-text-only .ppb30-category{background:#f1f5f9}
/* 15 List featured */.ppb30-style-list-featured .ppb30-card:first-child{grid-column:span 2}.ppb30-style-list-featured .ppb30-card:not(:first-child){display:grid;grid-template-columns:110px 1fr;border-radius:14px}.ppb30-style-list-featured .ppb30-card:not(:first-child) .ppb30-content{padding:13px}.ppb30-style-list-featured .ppb30-card:not(:first-child) .ppb30-image:before{padding-top:100%}.ppb30-style-list-featured .ppb30-card:not(:first-child) .ppb30-excerpt,.ppb30-style-list-featured .ppb30-card:not(:first-child) .ppb30-readmore{display:none}@media(max-width:760px){.ppb30-style-list-featured .ppb30-card:first-child{grid-column:auto}.ppb30-style-list-featured .ppb30-card:not(:first-child){display:block}}
/* 16 Split featured */.ppb30-style-split-featured .ppb30-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.ppb30-style-split-featured .ppb30-card:first-child .ppb30-image:before{padding-top:72%}.ppb30-style-split-featured .ppb30-card:first-child .ppb30-content{display:flex;flex-direction:column;justify-content:center;padding:34px}.ppb30-style-split-featured .ppb30-card:first-child .ppb30-title{font-size:clamp(28px,4vw,48px)}@media(max-width:760px){.ppb30-style-split-featured .ppb30-card:first-child{display:block}}
/* 17 Minimal */.ppb30-style-minimal-card .ppb30-card{border:0;border-radius:0;background:transparent;box-shadow:none}.ppb30-style-minimal-card .ppb30-card:hover{transform:none;box-shadow:none}.ppb30-style-minimal-card .ppb30-image{border-radius:2px}.ppb30-style-minimal-card .ppb30-content{padding:14px 0}.ppb30-style-minimal-card .ppb30-category{padding:0;background:transparent;color:#0f7b8f}.ppb30-style-minimal-card .ppb30-readmore{font-weight:600}
/* 18 Gradient overlay */.ppb30-style-gradient-overlay .ppb30-card{border:0;background:linear-gradient(135deg,#0f7b8f,#7c3aed);padding:2px}.ppb30-style-gradient-overlay .ppb30-image{border-radius:16px 16px 0 0}.ppb30-style-gradient-overlay .ppb30-content{background:#fff;border-radius:0 0 16px 16px}.ppb30-style-gradient-overlay .ppb30-category{background:linear-gradient(135deg,#e9f7f9,#f3e8ff)}
/* 19 Editorial */.ppb30-style-editorial-grid .ppb30-card{border:0;border-top:3px solid #111827;border-radius:0;background:#fff}.ppb30-style-editorial-grid .ppb30-title{font-family:Georgia,serif;font-size:clamp(22px,2.4vw,30px)}.ppb30-style-editorial-grid .ppb30-category{background:transparent;padding:0;color:#111827}.ppb30-style-editorial-grid .ppb30-card:hover{transform:none;box-shadow:none}
/* 20 Rounded modern */.ppb30-style-rounded-modern .ppb30-card{border:0;border-radius:28px;background:#fff;box-shadow:0 12px 36px rgba(2,8,23,.08)}.ppb30-style-rounded-modern .ppb30-image{margin:10px;border-radius:22px}.ppb30-style-rounded-modern .ppb30-content{padding:12px 24px 24px}.ppb30-style-rounded-modern .ppb30-readmore{padding:9px 13px;border-radius:999px;background:#f1f5f9}
/* 21 Glass */.ppb30-style-glass-card{padding:24px;border-radius:28px;background:linear-gradient(135deg,#edfafa,#fff7ed)}.ppb30-style-glass-card .ppb30-card{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 45px rgba(15,23,42,.08)}.ppb30-style-glass-card .ppb30-image{margin:12px;border-radius:16px}
/* 22 Boxed clean */.ppb30-style-boxed-clean .ppb30-card{border:1px solid #eef2f7;border-radius:0;box-shadow:none}.ppb30-style-boxed-clean .ppb30-card:hover{transform:none;border-color:#cbd5e1;box-shadow:none}.ppb30-style-boxed-clean .ppb30-content{padding:22px}.ppb30-style-boxed-clean .ppb30-readmore{border-bottom:1px solid currentColor}
/* 23 Timeline */.ppb30-style-timeline-grid .ppb30-grid{grid-template-columns:1fr;position:relative}.ppb30-style-timeline-grid .ppb30-grid:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:#dbeafe}.ppb30-style-timeline-grid .ppb30-card{margin-left:50px;overflow:visible}.ppb30-style-timeline-grid .ppb30-card:before{content:"";position:absolute;left:-39px;top:24px;width:16px;height:16px;border-radius:50%;background:#0f7b8f;box-shadow:0 0 0 6px #e9f7f9}.ppb30-style-timeline-grid .ppb30-card{display:grid;grid-template-columns:190px 1fr}.ppb30-style-timeline-grid .ppb30-image:before{padding-top:72%}@media(max-width:640px){.ppb30-style-timeline-grid .ppb30-card{grid-template-columns:1fr;margin-left:36px}.ppb30-style-timeline-grid .ppb30-grid:before{left:10px}.ppb30-style-timeline-grid .ppb30-card:before{left:-33px}}
/* 24 Wide cards */.ppb30-style-wide-cards .ppb30-grid{grid-template-columns:1fr}.ppb30-style-wide-cards .ppb30-card{display:grid;grid-template-columns:45% 1fr;border-radius:24px}.ppb30-style-wide-cards .ppb30-content{display:flex;flex-direction:column;justify-content:center;padding:34px}.ppb30-style-wide-cards .ppb30-title{font-size:clamp(24px,3vw,36px)}.ppb30-style-wide-cards .ppb30-image:before{height:100%;padding-top:0}@media(max-width:700px){.ppb30-style-wide-cards .ppb30-card{grid-template-columns:1fr}.ppb30-style-wide-cards .ppb30-image:before{padding-top:56.25%}}
/* 25 Category strips */.ppb30-style-category-strips .ppb30-card{border-radius:14px;border:0;box-shadow:0 8px 26px rgba(15,23,42,.07)}.ppb30-style-category-strips .ppb30-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#0f7b8f}.ppb30-style-category-strips .ppb30-image{margin-left:6px}.ppb30-style-category-strips .ppb30-category{border-radius:6px;background:#111827;color:#fff}
/* 26 Image focus */.ppb30-style-image-focus .ppb30-card{border:0;background:transparent;box-shadow:none}.ppb30-style-image-focus .ppb30-card:hover{box-shadow:none}.ppb30-style-image-focus .ppb30-image{border-radius:24px;box-shadow:0 16px 35px rgba(15,23,42,.12)}.ppb30-style-image-focus .ppb30-content{margin:-32px 18px 0;position:relative;background:#fff;border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,.1)}
/* 27 Meta top */.ppb30-style-meta-top .ppb30-card{display:flex;flex-direction:column}.ppb30-style-meta-top .ppb30-content{display:flex;flex-direction:column}.ppb30-style-meta-top .ppb30-category{order:-3}.ppb30-style-meta-top .ppb30-meta{order:-2;padding-bottom:10px;border-bottom:1px solid #eef2f7}.ppb30-style-meta-top .ppb30-title{margin-top:8px}
/* 28 Tile */.ppb30-style-tile-grid .ppb30-grid{gap:12px}.ppb30-style-tile-grid .ppb30-card{border:0;border-radius:8px;min-height:210px}.ppb30-style-tile-grid .ppb30-image{position:absolute;inset:0;height:100%}.ppb30-style-tile-grid .ppb30-image:before{padding-top:0;height:100%}.ppb30-style-tile-grid .ppb30-image:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.38)}.ppb30-style-tile-grid .ppb30-content{position:relative;z-index:2;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.ppb30-style-tile-grid .ppb30-title a,.ppb30-style-tile-grid .ppb30-meta,.ppb30-style-tile-grid .ppb30-readmore{color:#fff}.ppb30-style-tile-grid .ppb30-category{background:#fff;color:#111827;align-self:flex-start}
/* 29 Archive clean */.ppb30-style-archive-clean .ppb30-card{display:grid;grid-template-columns:180px 1fr;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;background:transparent;padding-bottom:22px}.ppb30-style-archive-clean .ppb30-card:hover{transform:none;box-shadow:none}.ppb30-style-archive-clean .ppb30-image{border-radius:12px}.ppb30-style-archive-clean .ppb30-image:before{padding-top:74%}.ppb30-style-archive-clean .ppb30-content{padding:0 0 0 20px}.ppb30-style-archive-clean .ppb30-category{padding:0;background:transparent;color:#0f7b8f}@media(max-width:600px){.ppb30-style-archive-clean .ppb30-card{grid-template-columns:1fr}.ppb30-style-archive-clean .ppb30-content{padding:16px 0 0}}
/* 30 Playful */.ppb30-style-playful-cards .ppb30-card{border:2px solid #111827;border-radius:22px;box-shadow:7px 7px 0 #111827}.ppb30-style-playful-cards .ppb30-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 #111827}.ppb30-style-playful-cards .ppb30-card:nth-child(3n+1) .ppb30-category{background:#fef3c7;color:#92400e}.ppb30-style-playful-cards .ppb30-card:nth-child(3n+2) .ppb30-category{background:#dbeafe;color:#1e40af}.ppb30-style-playful-cards .ppb30-card:nth-child(3n+3) .ppb30-category{background:#dcfce7;color:#166534}