/* Devint - blog page styles (shared rules are in ../common.css) */

.postgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.pcard.featured{grid-column:1/-1;background:var(--navy);border-color:var(--navybdr);display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr)}
.pcard.featured .pimg{aspect-ratio:auto;height:100%;min-height:260px;order:2}
.pcard.featured .pbody{padding:40px;justify-content:center;order:1}
.pcard.featured h2{color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem)}
.pcard.featured p{color:#C9D4EA}
.pcard.featured .pmeta{color:#8FA2C9}
.pcard.featured .ptag{background:rgba(47,220,201,.14);color:var(--teal)}
.ptag{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);background:#E7EBFC;border-radius:6px;padding:4px 10px}
.pmeta{font-size:12px;font-weight:600;color:var(--muted)}
@media (max-width:800px){.postgrid{grid-template-columns:1fr}.pcard.featured{grid-template-columns:1fr}.pcard.featured .pimg{order:0;min-height:0;aspect-ratio:16/9}.pcard.featured .pbody{order:1}}